@charset "utf-8";

/* -------------------------------------- 共通 */
* {
    padding: 0;
    margin: 0
}
img {
    max-width: 100%;
    height: auto;
    width: auto;
}
.image-responsive {
    width: 100%;
    height: auto;
}
.sp,
.invisible {
    display: none;
}
.container {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}
.fo-20 {font-size: 20px;}
.fo-18 {font-size: 18px;}
.fo-16 {font-size: 16px;}
.fo-15 {font-size: 15px;}
.fo-14 {font-size: 14px;}
.fo-3 {font-size: 13px;}
.fo-12 {font-size: 12px;}
.fo-10 {font-size: 10px;}
.fo-24 {font-size: 24px;}
.sales_small {font-size: 60% !important;}

.lh-14 {line-height:1.4em;}

.boder-bt {border-bottom: 1px solid #d2d2d2}

.w_100 {width: 100%;}
.wide90 {width: 90%;}

.err {
    width: 440px;
    height: auto;
    background: #fcc none repeat scroll 0 0;
    border: 1px solid #ca0141;
    border-radius: 4px;
    color: #ca0141;
    margin-bottom: 10px;
    padding: 0 15px;
}

.red  {color: #e60012; font-weight: bold;}
.gold {color: #ccad00; font-weight: bold;}
.blue {color: #0091c9;}
.org_blue {color: #00f;}
.pk {color: #ef4359;}
.or {color: #f76e00;}
.bg_red  {background-color: #e60012;}
.bg_blue {background-color: #0091c9;}
.bg_or   {background-color: #f76e00;}

.bold {font-weight: bold;}
.fw-n {font-weight: normal;}

.pa-t3   {padding-top: 4px;}
.pa-t5   {padding-top: 5px;}
.pa-tb30 {padding: 30px 0;}
.pa-10   {padding: 10px;}

.ma-t10 {margin-top: 10px;}
.ma-t20 {margin-top: 20px;}
.ma-b10 {margin-bottom: 10px;}
.ma-b20 {margin-bottom: 20px;}

.word-break {
    word-break: break-all;
    word-wrap: break-word;
}

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

.u-table-m {width: 60%;}
.u-table-l {width: 80%;}
.u-table-th20 {width: 20%;}

.t-table-border {
    boreder-left:1px solid #CCC;
    boreder-right:1px solid #CCC;
}

/* セレクトボックス */
.t-ui-select {
  border-radius: 0 4px 4px 0;
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.fancy-select .t-ui-select {
    width: 100%;
}

.t-ui-select::after {
  background: #aaa none no-repeat scroll 0 0 / 20px auto;
  border-radius: 0 4px 4px 0;
  bottom: 0;
  color: #fff;
  content: "";
  display: block;
  font-family: "FontAwesome";
  font-size: 0.9rem;
  /*height: 3.2rem;*/
  line-height: 1;
  margin: auto;
  padding: 0.8rem 1.4rem;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  vertical-align: middle;
  width: auto;
}

.t-ui-select select {
  -moz-appearance: none;
  background: #fff none repeat scroll 0 0;
  border-radius: 4px;
  height: 2.5rem;
  margin: 0;
  padding: 0rem 3.2rem 0rem 0.8rem;
  width: 100%;
  border: 1px solid #ccc;
}

/* -------------------------------------- Header */
header {
    width: 100%;
    z-index: 9999;
    margin: 0 auto;
}
/*
header .logo {
    float: left;
}
header .logo img {
    margin:10px 20px;
}
*/

/* ----------------- top-header */
.top-header {
    border-top: 5px solid #e60012;
    padding-top: 16px;
    margin-bottom: 16px;
    width: 100%;
    /*max-width: 1100px*/
}

.logo-box {
    float: left;
}
.logo-box h1 {
    margin-right: 20px;
}
.logo-box .logo {
	/*
    float: left;
    vertical-align: middle;
    font-weight: bold;
	*/
}
.logo-box h1,
.logo-box span.sitename {
	line-height: 0.9;
	font-weight: bold;
	margin-top: 4px;
	color: black;
	font-size: 2.6rem;
	display: inline-block;
	text-align: center;
}
.logo-box span {
	/*
    margin: 25px 0 0 20px;
    display: inline-block;
	*/
	display: block;
}
.logo-box span.info {
	font-size: 10px;
    margin-bottom: 0.4rem;
}
.logo-box label {
    margin-top: 5px;
}
.account-box {
    float: right;
}
.account-box a {
    color: #333
}
.account-box .info-01 {
    margin-bottom: 16px;
    text-align: right;
    font-weight: bold;
}
.account-box .info-01 a {
    margin-left: 65px;
}
.account-box .info-02 {

}
.account-box .info-02 a {
    display: inline-block;
    margin: 0 5px;
}
.sub-info-02 {
    border: 1px dotted #c4c4c4;
    padding: 0 5px;
    display: inline-block;
}

.login-info {
    background: url('../images/icon-login-2x.png') no-repeat left 8px;
    background-size: 20px auto;
    padding: 10px 0px 5px 25px;
    border-right: 1px dotted #c4c4c4;
    padding-right: 10px;
    display:inline;
}
.user-info {
    background: url('../images/icon-user-2x.png') no-repeat left 8px;
    background-size: 16px auto;
    padding: 10px 0px 5px 22px;
}
.creator-info {
    background: url('../images/icon-creator-2x.png') no-repeat left 8px;
    background-size: 17px auto;
    padding: 10px 0px 5px 22px;
}
.account-box .info-02 .sign-up-info {
    background: url('../images/icon-signup-2x.png') no-repeat left 8px;
    background-size: 16px auto;
    padding: 10px 0px 5px 22px;
    margin-right: 0px
}
/*@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .user-info {
        background: url('../images/icon-user-2x') no-repeat left center;
        background-size: 20px 20px;
        padding-left: 40px
    }
}*/
/*-------------------------------------- global-nav */

.global-nav.pc{
    width:100%;
    display:table;
    table-layout:fixed;
    background:#3F51B5;
}
.global-nav.pc li{
    display:table-cell;
    font-size:16px;
}
.global-nav.pc li a{
    display:block;
    padding:10px 30px;
    color:#FFF;
}
    .login-in-sp {
    display: inline-block;
    text-align: center;
}

.global-nav.sp .login-in-sp .login-info {
    background: url('../images/icon-login-2x.png') no-repeat center top;
    background-size: 20px auto;
    padding: 25px 0px 0px 0px;
    margin-right: 10px
}
.new-regis {

}
.sp-new-re {
    margin-bottom: 20px
}
.new-regis a {
    display: inline-block;
    color: #fff;
    font-size: 17px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 6px 14px 3px;
    background: #ff9900;
    width: 100%
}
.new-regis span:after{
    content: '\f144';
    float: right;
    font: normal normal normal 12px/2 'FontAwesome';
}
.new-regis p {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    height: 3px;
    width: 100%;
    background: #ea8c00;
    font-size: 0px
}

/*-------------------------------------- common */
.list-icon {
    overflow: hidden;
}

.list-icon .icon-star {
    background: url('../images/icon-star-2x.png') no-repeat left center;
    background-size: 23px auto;

}
.list-icon .icon-smile {
    background: url('../images/icon-smile-2x.png') no-repeat left center;
    background-size: 23px auto;
}
.list-icon .icon-tv {
    background: url('../images/icon-tv-2x.png') no-repeat left center;
    background-size: 23px auto;
}
.list-icon span {
    display: inline-block;
    width: 23px;
    height: 23px;
    padding: 0;
    margin-right: 5px;
    vertical-align: middle;
}

.naonao {
    overflow: hidden;
    padding: 2px 0;
    position: relative;
    height: auto;
}
.naonao span {
    float: left;
    width:78%;
}
.naonao label {
    float: right;
    right: 0;
    width: 20%;
    padding-top: 8px;
    position: absolute;
}


.title-com {
    overflow: hidden;
    font-weight: bold;
    word-break: break-all;
    word-wrap: break-word;
}
.title-com * {
    display: inline-block;
}
.title-com span {
    width: 19px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
}
.title-com a {
    color: #000
}
.icon-hha {
    background: url('../images/icon-hha-2x.png') no-repeat left top;
    background-size: 19px auto;
}
.icon-hh {
    background: url('../images/icon-hh-2x.png') no-repeat left top;
    background-size: 19px auto;
}
.icon-hha01 {
    background: url('../images/icon-hha01-2x.png') no-repeat left top;
    background-size: 19px auto;
}
.icon-new {
    background: url('../images/icon-new-2x.png') no-repeat left center;
    background-size: 23px auto;
}
.icon-wlevel {
    background: url('../images/icon-work-2x.png') no-repeat left center;
    background-size: 25px auto;
    display: inline-block;
}
.title-com strong {
    color: #ff6600
}

.ex-info {
    height: 61px;
    word-break: break-all;
    word-wrap: break-word;
}
.title-pa {
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.title-pa span {
    margin-left: 30px
}
.title-01:after{
    content: '';
    position: absolute;
    width: 16px;
    height: 13px;
      right: auto;
    left: 25px;
    bottom: -13px;
    background: url('../images/icon-arrow.png') no-repeat left center;
}
.title-pa div {
    /*padding: 0px 0 0px 34px*/
}
.title-pa .icon-hha {
    background-size: 27px auto;
    margin-left: 10px
}
.title-01 {
   /* background-color: #ffff00;
    border-bottom: 3px solid #eeec2f;*/
    padding-top: 4px;
    margin-bottom: 13px
}
.title-01 span {
    margin-left: 0px
}

.title-02 {
    margin-bottom: 12px
}
.title-02 .icon-hha {
    margin-left: 0px
}

.title-03 {
    position: relative;
    background-color: #7ecef4;
    border-bottom: 2px solid #6db2d3;
    color: #003399;
    font-size: 11px;

    width: auto;
    height: auto;
    margin-bottom: 0;
    display: inline-block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-left: 20px
}
.title-03:after{
    content: '';
    position: absolute;
    width: 13px;
    height: 11px;
      right: auto;
    left: 25px;
    bottom: -11px;
    background: url('../images/icon-arrow2.png') no-repeat left center;
}

/*10/07追加*/

.title-04 {
    border-top: 3px solid #e60012;
    border-bottom: 3px solid #e60012;
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: bold;
    word-break: break-all;
}
.title-05 {
    border-bottom: 2px solid #000;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
}
.title-06 {
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: bold;
}

.title-pa .title-03 {
    padding: 2px 10px 1px;
}
.out-list-icon {
    overflow: hidden;
    margin-top: 8px;
}
.out-list-icon .list-icon {
    float: left;
}
.link-new {
    float: right;
}
.link-new a {
    display: inline-block;
    background: #ff9900;
    padding: 2px 10px;
    color: #fff
}

.view-more {
    text-align: right;
    overflow: hidden;
    padding-top: 30px
}
.view-more a {
    background: url('../images/icon-viewmore-2x.png') no-repeat right center;
    padding-right: 36px;
    display: inline-block;
    color: #000
}

section h3 {
    border-top: 3px solid #e60012;
    padding: 10px 6px 0 6px;
    margin-bottom: 8px;
}


/*-------------------------------------- main */

/*下層ページのmain幅*/
.main {
    float:right;
    width:72.5%;
    margin-right: 4.5%;
    /*max-width:500px;*/
    /*margin: 0 3.125rem; */
   /* padding-bottom: 70px*/
}
.main div.org_blue.bold.approved_only {
    background-image: url(/images/icon/approved.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 20px;
    padding-left: 25px;
}
.main div.org_blue.bold.approved_only span:not(.red) {
    text-decoration: underline;
}

/*トップページのmain幅*/
.main-page .main {
    float:right;
    width:45%;
    margin: 0 4.5%;
    /*max-width:500px;*/
    /*margin: 0 3.125rem; */
    /* padding-bottom: 70px*/
}



/**********************************/



.top-main {
    margin-bottom: 23px;
    overflow: hidden;
}
.image-main {
    float: left;
    width: 520px;
    height: 325px;
    margin-right: 15px;
    overflow: hidden;
    /*position: relative;
    background: url('../images/banner-top.jpg') no-repeat center;*/
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/

    /*background: url('../images/banner-top.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;*/
}
.image-main li {
    width: 520px;
    height: 325px;
    position: relative;
}
.image-main li a {
    color: #000;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.image-main .title-im {
    color: #fff;
    font-size: 20px;
    background: #ff6600;
    padding: 1px 10px;
    position: absolute;
    left: 0px;
    top: 10px;
    z-index: 5;
    display: block;
}

.image-main .txt-info {
    position: absolute;
    left: 0px;
    top: 40px;
    z-index: 4;
    margin:auto;
    bottom: 0px;

    float: left;
    background: url('../images/bg.png') repeat left top;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

.image-main .txt-info .vericaltext {
    padding: 10px 3px;
    margin: 0;
    display: block;
    position: relative;
    z-index: 6;
    line-height: 100%;

}
.pick_story {
    vertical-align: top;
}
.pick_title {
    text-align: center;
}
.pick_name {
    position: absolute;
    left:1px;
    bottom:5px;
    z-index: 9999;
}

.image-main .pen {
    position: absolute;
    left: -5px;
    bottom: 25px;
    width: 37px;
    height: 76px;
    z-index: 5;
    background: url('../images/pen.png') no-repeat left top;

}


.ranking-outer {
    margin-bottom: 30px
}

.ranking_all li,
.ranking_free li,
.ranking_best li,
.ranking_category li,
.ranking_daily li,
.ranking_jidori li,
section.realtime li,
section.newface_pickup li,
section.joined_sale_ranking li,
section ul li.list_joined_sale,
section.item_allview li {
    position: relative;
}

.rankingno {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0px;
    top: -5px;
    display: block;
    width: 24px;
    height: 24px;
    background-color: #Fd8d00;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,.6);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 2px rgba(0,0,0,.6);
    font-size: 17px;
    line-height: 26px;
    border: 1px solid #Fd8d00;
    border-radius: 12px;
    z-index: 99;
    text-align: center;
}
section ul li.list_joined_sale .rankingno {
    width: 44px;
}

.main section h2{
    margin-bottom: 16px;
    padding: 0px 0px 0 0px;
    font-size: small;
}

section {
    margin-bottom: 32px;
}
.sub2 section.tags,
.sub2 section.realtime,
.sub2 section.joined_sale_ranking {
    /* margin-bottom: 0px; */
}

section.news li {
    width: 100% !important;
    font-size: 14px;
    border-bottom: 1px dotted #ccc;
    padding: 8px 0;
}

section.news .news_area{
    max-height: 200px;
    overflow: auto;
}

.main section ul li {
    width: 25%;
    padding: 6px;
    float: left;
    box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  /*    height: 175px;*/
}

.index .main section ul li {
    height: 175px;
}
.index .main section .news_area ul li {
    height: initial;
}

.search-list .main section ul li.search_item_product {
    height: 301px;
}
.search-list .main section ul li.search_item_product.list_joined_sale,
.search-list .main section ul li.search_item_product.height_initial {
    height: initial;
}
.search-list .main section ul li.search_item_product.list_joined_sale p {
    margin: 5px 0px;
}

.index .main section ul li p.desc,
.new_exhibition ul li p.desc,
.sub2 .realtime ul li p.desc,
.sub2 .newface_pickup ul li p.desc,
.half_off_sale ul li p.desc,
.joined_sale_ranking ul li p.desc,
.search-list .main section ul li.search_item_product.list_joined_sale p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main section h3.sub_tlt{
    background: url(../images/title/ranking-category_sub.png) no-repeat left top;
    border: none;
    color: #fff;
    padding: 6px 0 6px 15px;
    font-size: 20px;
}

.age_verification,
.order_check {
    text-align: center;
}

.age_verification button,
.order_check button {
    width: 100px;
    padding: 5px 20px;
    margin: 0px 10px;
    border-radius: 5px;
    color: #fff;
}

.age_verification p,
.order_check p {
    margin: 20px 0;
}

.age_verification button.is-no,
.order_check button.is-no {
    background: #bbb;
}

.age_verification button.is-yes,
.order_check button.is-yes {
    background: #FE8800;
}

.text-shadow{
    text-shadow: 0.1em 0.1em 3px #000;
     background-color:#EEEEEE;
     padding: 3px;
}

.btn-wrap{
    text-align: right;
    margin: 10px 0;
}

.more{
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
}


a.more:before {
    content: '\f144';
    font: normal normal normal 18px/2 'FontAwesome';
    margin-right: 10px;
}

a.is-border_red:before { color: #dc0909;}
a.is-border_bl:before { color: #00062c;}
a.is-border_ye:before { color: #f76e00;}
a.is-border_gr:before { color: #003d06;}

.main h1.tlt,
.main h2.tlt {
    border-bottom: 3px solid #e60012;
    padding: 0 6px 10px 6px;
    margin-bottom: 8px;
    font-size:24px;
    font-weight: bold;
}
.main p.alert_purchased {
    padding: 10px 10px 10px 6%;
    margin: 0px 0px 20px 0px;
    background: #e3e1e2 url(/images/icon/icon_purchased.png) no-repeat 2%;
    background-size: 25px;
    border: 1.5px solid #989898;
    border-radius: 0.4em;
    font-weight: bold;
    font-size: 120%;
}



/*-------------------------------------- work-level */
.work-level {
    margin-bottom: 30px
}
.inner-table {
    background-color: #fff;
    margin:0px 0px 0px;
    width: 100%;
    text-align: left;
    word-break: break-all;
    word-wrap: break-word;
}
.inner-table td {
    border-bottom: 1px dotted #dadada;
    border-right: 1px solid #dadada;
    padding: 7px 0 7px 20px;
    vertical-align: middle;
}
.inner-table tbody tr td:first-child {
    text-align: left;
    padding-left: 0px
}
.inner-table tr td:last-child {
    border-right: none;
}
.inner-table tr:last-child td {
    border-bottom: none
}
.inner-table thead tr {
    text-align: center;
    border-bottom: 1px dotted #dadada;
}
.inner-table thead tr td {
    text-align: center;
    padding-left: 0px
}
.inner-table p, .inner-table div {
    display: inline-block;
    vertical-align: middle;
    word-break: break-all;
}
.inner-table label {
    margin-right: 15px
}
.ta-info-sp .inner-table p, .ta-info-sp .inner-table div {
    display: block;
}

.t-01 {
    width: 30%;
}
.t-02 {
    width: 10%;
}
.t-03 {
    width: 20%;
}
.t-04 {
    width: 40%;
}
.t-05 {
    width: 70%;
}
.inner-table .txt-center {
    text-align: center;
    padding-left: 0px
}

.pc .inner-table .list-icon {
    float: right;
}
/*-------------------------------------- left-side */

.sub{
    float:left;
    width:23%;
    /*max-width: 250px;*/
}

.sub-nav li {
    list-style-type: none;
    margin-bottom: 10px;
    margin-left: 10px
}
.sub-nav li:last-child {
    margin-bottom: 0px
}
.sub-nav li a {
    color: #000;
    font-weight: bold;
    font-size: 18px;
}







/*.sub-nav li a:before {
    content: '\f144';
    font: normal normal normal 12px/2 'FontAwesome';
    color: #ff9900;
    margin-right: 18px;
}*/

.sub-nav.sp-sub-nav {
    margin-bottom: 10px
}
.sub-nav.sp-sub-nav li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0px
}
.sub-nav.sp-sub-nav li a:before {
    margin-right: 10px;
}

.sub .banner img {
    width: 100%
}
.t-bg_green {
    background: #B2FF59 none repeat scroll 0 0;
/*    box-shadow: 0 0 10px 10px #ffe0b2;*/
    color: #000;
    font-weight: bold;
    font-size: 14px;
    margin-left:10px;
}

.sub section h3,
.sub2 section h3 {
    font-size: small;
}
.sub section.tags h3,
.sub2 section.tags h3,
.sub section.category h3,
.sub2 section.category h3,
.sub2 section.realtime h3,
.sub2 section.newface_pickup h3,
.sub section.favorite h3,
.sub2 section.half_off_sale h3,
.sub2 section.joined_sale_ranking h3 {
    color: #e60012;
    font-weight: bold;
    font-size: 150%;
    padding: 4px 6px 0 6px !important;
    line-height: inherit;
}
/*
section.favorite ul,
section.category ul  {
    padding-top: 16px;
}
*/

section.favorite ul li,
section.blacklist ul li {
    padding-bottom: 8px;
    margin-bottom: 12px;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
}
div.main section.favorite ul li,
div.main section.blacklist ul li {
    width: 32%;
    float: none;
    display: inline-block;
    vertical-align: top;
}
section.favorite ul li form,
section.blacklist ul li form,
section.wishlist ul li form {
    float: right;
}
section.favorite ul li input.delete,
section.blacklist ul li input.delete,
section.wishlist ul li input.delete {
    display: inline-block;
    background: #ccc url(../images/icon/close.png) no-repeat 2.7em center;
    color: #fff;
    font-size: 16px;
    padding: 6px;
    padding-right: 25px;
    line-height: 1;
    cursor: pointer;
}
.favorite_nickname {
    display: inline-block;
    float: right;
    font-size: 14px;
    padding-top: 3px;
}

.banner a{
    display: block;
}

.banner a + a{
    margin-top: 20px;
}




/*-------------------------------------- right-side */

.sub2 {
    float: right;
    width: 23%;
    /*max-width: 250px;*/
}

.sub2 .status.member {
    border: 2px solid #e60012;
    margin: 0px 0px 20px 0px;
    font-size: 90%;
}
.sub2 .status.member .after_login {
    background-color: #e60012;
}
.sub2 .status.member .after_login a {
    color: #FFF;
}
.sub2 .status.member .after_login a img {
    filter: invert(100%);
}
.sub2 .status.member .not_approved {
    background-color: #333;
    padding: 5px;
}
.sub2 .status.member .not_approved p {
    color: #FFF;
}
.sub2 .status.member .not_approved p span {
    color: #FFCC00;
    background-image: url(/images/icon/not_approved.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 20px;
    padding-left: 25px;
    font-weight: bold;
}
.sub2 .status.member .approved {
    background-color: #CCC;
    padding: 5px;
}
.sub2 .status.member .approved p {
    color: #000;
}
.sub2 .status.member .approved p span {
    color: #000;
    background-image: url(/images/icon/approved.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 20px;
    padding-left: 25px;
    font-weight: bold;
}
.sub2 .status.member .values {
    padding: 7px;
}
.sub2 .status.member .values p a span {
    margin: 0px 5px;
}

section#login ul li p {
    text-align: right;
    padding: 6px 0;
    font-weight: bold;
    font-size: 15px;
}

section#login ul li p a {
    color: #000;
    text-decoration: none;
}

section#login ul li {
    margin-bottom: 10px;
}

section#login ul.pc li a img {
    width: 250px;
}

#image-btn {
    margin-top: 10px;
    border: 0px;
    width: 60px;
    height: 28px;
    background: url(../images/title/btn_search.png) left top no-repeat;
    text-indent: -9999px;
}

section.pc .category {
    margin-bottom: 10px;
}
section.pc .category select {
    width: 100%;
    margin: 0px;
    font-size: 14px;
    padding: 5px 20px 5px 15px;
    position: relative;
    background-image: url(/images/icon/down.png);
    -moz-background-size: 10px 10px;
    -webkit-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    -ms-background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position : 95% center;
}

.keyword{
    text-align: right;
}

.sub2 input {
    background: #fff;
    border: 2px solid #ccc;
    font-size: 14px;
    height: 40px;
    width: 100%;
    margin: 0;
    padding-left: 12px;
}

.annua_ranking li{
    padding-left: 10px;
}

.annua_ranking a{
    font-size: 14px;
}



.new_exhibition li,
.realtime li,
.half_off_sale li,
.newface_pickup li,
.joined_sale_ranking li {
    margin-bottom: 10px;
}
/*
.new_exhibition li div.newArrivals {
    text-align: center;
}
.new_exhibition li div.newArrivals img {
    height: 150px;
}
.new_exhibition li p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
*/
/*
.after_login p a.login_name{
    background: url(../images/icon/key.png) no-repeat left center;
}

.after_login p a.login_mypage{
    background: url(../images/icon/mypage.png) no-repeat left center;
}
.after_login p a.login_logout{
    background: url(../images/icon/logout.png) no-repeat left center;
}
*/
.after_login p a{
    color: #000;
    font-size: 15px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}


 .cont{
     height:46px;
     max-width:250px;
    }






/*-------------------------------------- breakcrum */
.breakcrum {
    border-top: 2px solid #535353;
    border-bottom: 2px solid #535353;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto 16px;
}

.breadcrumbs {
    margin: 10px 0px 10px 0px;
}

.breadcrumbs ol li {
    display: inline;
}

.break-info ul {
    padding: 16px 8px;
    box-sizing: border-box;
}

ul:after, ol:after {
    content: "";
    display: block;
    clear: both;
}

.break-info li {
    float: left;
    width: 14.2857%;
    text-align: center;
    font-size: 15px;
}

.break-info li a.home {
    background: url(../images/icon/home.png) no-repeat left center;
}
.break-info li a.gv_allview {
    background: url(../images/icon/allview.png) no-repeat left center;
}
.break-info li a.ranking {
    background: url(../images/icon/ranking.png) no-repeat left center;
}
.break-info li a.buy-guide {
    background: url(../images/icon/buy.png) no-repeat left center;
}
.break-info li a.sale-guide {
    background: url(../images/icon/sale.png) no-repeat left center;
}
.break-info li a.affiliate {
    background: url(../images/icon/aff.png) no-repeat left center;
}
.break-info li a.contact {
    background: url(../images/icon/contact.png) no-repeat left center;
}

.break-info li a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    padding-left: 45px;
    height: 40px;
    line-height: 40px;
}

.break-info .home a {
    background: url('../images/icon-home-2x.png') no-repeat left center;
    width: 30px;
    height: 23px;
    display: inline-block;
}
.break-info .pick-up span {
    color: #fb1662
}
.break-info .book-search span {
    color: #33cccc
}
.break-info .writer span {
    color: #003366
}
.break-info .for-creator span {
    color: #9aa14b
}
.note-info {
    float: right
}
.note-info .list-icon {

}
.note-info .list-icon span {
    display: inline-block;
    width: auto;
    padding: 0 0 0 34px;
    vertical-align: middle;
    margin-left: 30px
}
/*-------------------------------------- download + rankings */
.download {
    float: left;
    width: 420px
}
.rankings {
    overflow: hidden;
}
/*.download * {
    margin: 0px;
    padding: 0;
}*/
.download li, .rankings li {
    margin-bottom: 10px;
    list-style: none;
    overflow: hidden;
}
.download li:last-child {
    margin-bottom: 0px
}
.rankings li {
    width: 225px;
    float: left;
    margin-right: 15px;
    margin-bottom: 30px;
}
.rankings li:nth-child(4n) {
    margin-right: 0px;
}
.item-info {
    overflow: hidden;
}
.img-info {
    width: 132px;
    height: 86px;
    overflow: hidden;
    text-align: center;
    float: left;
    margin-right: 10px
}
.img-info-rank {
    width: 225px;
    height: 140px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 5px
}
.img-info img, .img-info-rank img {
    max-width: 100%;
    font-size: 0px
}
.des-info {
    float: left;
}

.rankings .list-icon, .rankings .naonao, .download .list-icon, .download .naonao {
    margin-left: 28px;
    word-break: break-all;
}
.rankings .des-info {
    float: inherit;
}
.rankings .change-item .list-icon, .rankings .change-item .naonao {
    margin-left: 0px
}
.rankings .change-item .naonao {
    margin-left: 0px;
    height: auto;
    position: relative;
}
.date {
    text-align: right;
    padding-top: 20px
}
/*-------------------------------------- search list */

.search-list-top{
    float: left;
    width: 100%;
}
.search-list-top .title-01, .book .title-01{
   /* background-color: #ffff00;
    border-bottom: 3px solid #eeec2f;*/
    padding-top: 4px;
    margin-bottom: 13px;
    border-radius: 15px;
        width: 200px;
}

.search-filter {
    background: #EFF0F0;
    font-size: 15px;
    padding: 10px;
    margin-bottom: 20px;
}
.search-filter dt {
    padding-top : 5px;
    padding-bottom : 5px;
    padding-left : 20px;
    width : 15%;
    /* 左寄せ */
    float : left;
    /* float解除 */
    clear : both;
}
.search-filter.manage-mypage-filter dt {
    padding-top: 10px;
    width: 20%;
}
.search-filter dd {
    padding : 5px 0px;
    width : 85%;
    /* dtの幅分の設定 */
    margin-left : 16%;
}
.search-filter.manage-mypage-filter dd {
    padding: 0px;
    width: 75%;
    margin-left: 20%;
}
.search-filter dd span {
    font-family: "メイリオ", Meiryo, 'Hiragino Kaku Gothic ProN', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Helvetica, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    display: inline-block;
    margin:0 15px 0 5px;
    color: #000;
    text-decoration: underline;
    line-height: 1.75em;
}
.search-filter label {
    font-weight: normal !important;
    cursor: pointer;
}

.deleted_reason dl dt {
    background-image: url(/images/icon/icon_caution.jpg);
    background-repeat: no-repeat;
    background-size: auto 28px;
    padding-left: 75px;
    line-height: 200%;
}
.deleted_reason dl dd {
    margin-left: 75px;
    margin-bottom: 10px;
    line-height: 200%;
}

.search-list-top .title-pa div{
       padding: 0px 0 0px 34px;
    border-radius: 14px;
}
.search-list .rankings li{
        margin-bottom: 20px;
}
.search-list .rankings li:nth-child(4n){
    margin-right: 0px;
}

.f_big {font-weight: bold;}
.icon_rd {color:#ef4359;}
.icon_ye {color:#Fd8d00;}
.icon_bl {color:#0091c9;}
.icon_gr {color:#12d45a;}
.icon_pl {color:#5a12d4;}

.item_allview p {
    line-height: 1.4em;
}

.item_allview p.desc{
    margin: 5px 0;
    height: 2.8em;
    overflow: hidden ;
    text-overflow: ellipsis ;
    color: #000;
}

.item_allview p.desc span.set_item {
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    padding: 0 3px;
    background: #e60012;
    color: #fff;
    margin-right: 3px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    vertical-align: middle;
}
.item_allview p.desc span.gift_item {
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    padding: 0 3px;
    background: #06c;
    color: #fff;
    margin-right: 3px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    vertical-align: middle;
}
.item_allview p.desc span.half_item {
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    padding: 0 3px;
    background: #ccad00;
    color: #fff;
    margin-right: 3px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    vertical-align: middle;
}


/*.search-list li:nth-of-type(4n + 2) .item-info .list-icon .icon-star{
 visibility: hidden;
}
.search-list li:nth-of-type(4n + 3) .item-info .list-icon .icon-tv{
 visibility: hidden;
}*/
.search-list .select-item select{
    position: relative;
    background: url(../images/down.png) no-repeat 4%;
}
.search-list .select-item select{
    padding: 2px 20px 0px;
}
.search-list .select-item select:focus{
    background-color: #ff9900;
}
.search-list .select-item select:focus > option{
    background-color: #fff;
}
.title-bl2 {
    overflow: hidden;
    background: url('../images/icon-tam.png') no-repeat left top;
    padding: 15px 0 0 0px;
    margin: -5px 0 0 0px
}
.title-bl2 div {
    color: #335C85;
    float: left;
    margin-right: 16px
}
.title-bl2 div p {
    color: #000
}
.about_order{
    margin-bottom: 20px;
    overflow: hidden;
}
.about_order_title{
    color: #F5AD55;
    font-size: 14px;
    font-weight: bold;
}
.menseki_left{
    float: left;
}
.menseki_right{
    margin-left: 100px;
    position: relative;
}
/*---pagination-----------*/
.search-list .pagi, .creator .pagi{
    text-align: center;
}
.illustrator_recruit .pagi, .creator .pagi{
    /*text-align: right;*/
}
.pagi_panel{
    text-align: center;
}
.search-list .pagination, .creator .pagination{
  display: inline-flex;
     /* margin-left: 50%;
    transform: translateX(-50%);*/
}
.search-list ul.pagination  li, .creator ul.pagination  li{
    list-style: none;
    direction: inline-block;
}
.search-list  ul.pagination  li a, .creator  ul.pagination  li a{
        display: inline-block;
    float: left;
    margin: 10px 8px;
    padding: 5px 10px;
    background-color: #fff !important;
    border: 1px solid #666666;
    color: #666666;
}
.search-list  ul.pagination  li a:hover, .creator  ul.pagination  li a:hover{
    background-color: #e5e5e5 !important;
    color: #666666;
}
ul.pagination  li.active a{
    background-color: #e5e5e5 !important;
    color: #666666;
}
/*------------------------------------- Search top*/
.main-page .check-box input[type=checkbox] {
        display: inline-block;
}
.book-list {

}
.show-book-search {
    display: none;
}

.book-list .inner {
    border: 1px solid #d2d2d2;
    padding-bottom: 30px;
    margin-bottom: 30px
}
.title-bl {
    overflow: hidden;
    background: url('../images/icon-tam.png') no-repeat left top;
    padding: 15px 0 0 30px;
    margin: -5px 0 0 10px
}
.title-bl div {
    color: #33cccc;
    float: left;
    margin-right: 16px
}
.title-bl div p {
    color: #000
}
.list-check {
    padding: 0 25px 33px 25px;
    overflow: hidden;
}
.list-check .item {
    overflow: hidden;
}
/*.list-check .chang-item-cb {
    float: left;
}*/
.list-check .la-check {
    width: 100px;
    float: left;
    margin-top: 7px
}
.list-check .la-check span {
    font-size: 11px;
    display: block;
}
.list-check .item-check {
    float: right;
}
.list-check .check-box {
    float: left;
    margin: 7px 15px 7px 0;
}
.list-check .check-box-list {
    margin: 7px 15px 7px 0;
    display: block;
}
.list-check .line {
    height: 1px;
    overflow: hidden;
    border-bottom: 1px dotted #eaeaea;
    padding-top: 10px;
    margin-bottom: 10px
}
.info-click {
    text-align: center;
}
.info-click a {
    background: #d2d2d2;
    display: inline-block;
    padding: 2px 10px;
    width: 210px;
    color: #fff;
    font: normal normal normal 12px/2 'FontAwesome';
}
.info-click a i {
    color: #fff;
}
.info-click a:after {
    content: '\f107';
    float: right;
    display: inline-block;

}
.change-icl a {
    background: #ff9900;
}
.change-icl a:after {
    content: '\f105';
    float: right;
    display: inline-block;

}
.check-radio input[type=radio],
.check-box input[type=checkbox] {
    display: none;
}
.check-box label, .check-box-list label {
    display: inline-block;
    cursor: pointer;
    position: relative;
/*    padding-left: 30px;*/
    color: #929292;
    font-weight: normal;
    vertical-align: top;
}

.check-box label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: 3px;
    background: url('../images/icon-checkbox.png') no-repeat left bottom;

}
.check-box label.change-check {
    font-size: 14px;
    padding-left: 30px;
    vertical-align: top;
}
.check-box label.change-check:before {
    bottom: -1px
}
.check-box input[type=checkbox]:checked + label:before {
    content: "";
    background-position: left top;
    text-align: center;
    line-height: 15px;
}
.check-box input[type=checkbox]:indeterminate + label:before {
    content: "";
    background-position: left top;
    text-align: center;
    line-height: 15px;
}
.search-top .container, .book .container, .creator .container, .creator_top .container, .author_mypage .container, .commission .container, .illustrator_recruit .container,
.author_mypage_edit .container{
   padding: 0px;
    }
 .search-check1, .search-check2{
     padding: 15px 30px;
    border: 1px solid #ddd;
    position: relative;
 }
 .search-check1:before{
     content: "\f0c6";
     position: absolute;
     top: -13px;
     left: -5px;
     width: 50px;
     height: 70px;
     font-family: 'FontAwesome';
     z-index: 99;
     font-size: 3.4em;
     color: #d2d2d2;
     transform: rotate(49deg);
     -moz-transform: rotate(49deg);
     -webkit-transform: rotate(49deg);
     -o-transform: rotate(49deg);

 }
 .search-top .form-inline{
         padding: 10px;
 }
.search-check1 .title_search1{
    margin-bottom: 40px;
}
.search-check1 .title-top-left{
    float: left;
}
.search-check1 .title-top-left .title_a{
    font-size: 16px;
    display: block;
    margin-right: 20px;
}
.search-check1 .title-top-left .title_b{
     color: #33cccc;
     position: relative;
}

.search-check1 .form-inline .form-group, .search-check1 .form-inline .form-group label{
    padding-left: 0px;
    padding-right: 0px;
        font-size: 14px;

}
.form-inline .btn{
        margin-left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.search-check1 .btn.btn-add{
    padding: 8px 20px 8px 60px;
    color: #fff;
    background: #d2d2d2;
    border: 0px;
    border-radius: 0px;
    margin-top: 20px;
}
.search-check1 .btn.btn-add .fa.fa-plus-circle{
     padding-right: 15px;
}
.search-check1 .btn.btn-add .fa.fa-angle-down{
     padding-left: 40px;
}

.search-top .table tr td.lable_gr{
    width: 100px;
        padding-top: 11px;
    font-weight: bold;
}
.search-top .search-check2 .table tr td.lable_gr{
    padding-top: 15px;
        padding-left: 0px;
    padding-right: 0px;
}
.search-top .table{
    margin-bottom: 0px;
    position: relative;
}
.search-top  .table>tbody>tr>td, .search-top .table>tbody>tr>th, .search-top .table>tfoot>tr>td, .search-top .table>tfoot>tr>th, .search-top .table>thead>tr>td, .search-top .table>thead>tr>th{
    border: none;
}
 .search-check1 .table12, .search-check2 .table1{
     border-top: none;
 }
 .search-top .table>tbody>tr>td{
     padding: 15px;
 }

.btn.btn-submit-gray{
     background: #808080;
     padding: 8px 10px;
     position: relative;
     margin-left: 50%;
        transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    margin-top: 20px;
    border-bottom: 0px;
 }
.btn.btn-submit-gray2{
     background: #808080;
     padding: 8px 10px;
     position: relative;
    border-bottom: 0px;
 }
.btn.btn-submit-s{
     background: #ff9900;
     padding: 8px 10px;
     position: relative;
     margin-left: 50%;
        transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    margin-top: 20px;
    border-bottom: 0px;
 }
.btn.btn-submit-s_cart{
     background: #ff9900;
     padding: 8px 10px;
     position: relative;
    border-bottom: 0px;
 }

.btn.btn-submit{
     background: #ff9900;
     padding: 8px 70px;
     position: relative;
     margin-left: 50%;
        transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    margin-top: 20px;
    border-bottom: 0px;
 }
 .btn.btn-submit:after{
     position: absolute;
     content: "\f105";
     font-family: 'FontAwesome';
     right: 20px;
     top:8px;
 }

.book-search-top .btn.btn-submit{
     background: #ff9900;
     padding: 8px 70px;
     position: relative;
     margin-left: 0%;
        transform: translateX(0%);
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -o-transform: translateX(0%);
    margin-top: 20px;
    border-bottom: 0px;
 }
 .book-search-top .btn.btn-submit:after{
     position: absolute;
     content: "\f105";
     font-family: 'FontAwesome';
     right: 20px;
     top:8px;
 }

.saller_btn{
     background: #0091c9;
     padding: 8px 10px;
     color:#fff;
    margin-top: 20px;
    border-bottom: 0px;
 }


.search-top input[type=checkbox] { display:none; } /* to hide the checkbox itself */
input[type=checkbox] + label:before {
  font-family: 'FontAwesome';
  display: inline-block;
}

.search-top  .checkbox  input[type=checkbox] + label:before {
      content: "";
    position: absolute;
    width: 18px;
    top:  0px;
    left: -25px;
    height: 18px;
    border: 1px solid #d2d2d2;
    text-align: center;
 } /* unchecked icon */

.search-top .checkbox  input[type=checkbox]:checked + label:before {
 content: "\f00c";
    position: absolute;
    width: 18px;
    top: 0px;
    left: -25px;
    height: 18px;
}
 .search-check2{
     margin-top: 30px;
 }
.user-name{
        background: url('../images/pencil_green.png') no-repeat left 8px;
    background-size: 25px auto;
    padding: 5px 0px 0px 25px;
    padding-right: 10px;
    color: 000;
    word-break: break-all;
    word-wrap: break-word;
}
 /*------------------------------------- book(item_detail) */



 .book .book-top .title-pa div{
       padding: 0px;
       text-align: center;
       width: 200px;
        border-radius: 15px;
}
 .book .title-item{
     margin-bottom: 10px;
     width: 100%;
     border-bottom: 1px solid #ff9900;
     padding: 20px 0px;
    font-size: 24px;
    font-weight: bold;
    position: relative;
     float: left;
     word-break: break-all;
     word-wrap: break-word;
}
.book_nickname{
    position: relative;
    float: right;
    margin-left: 20px;
    margin-bottom: 12px;
    top:12px;

}


/*10/07追加*/
/* 12/18修正 */
.item-main {
    margin: 10px 0 20px;
    float: left;
    width: 100%;
}
.item-nav, .item-desc {
    padding: 0px;
    float: left;
}
.item-desc {
    width: 45%;
    margin: 5px 5% 5px 0px
}
.item-desc .item-nav img {
    max-height: 400px;
}
.item-nav img {
    /* width: 60%; */
    /* width: 100%; */
    display: block;
    /* margin-bottom: 10px; */
}
.item-main .item-info {
    float: left;
    width: 50%;
}
.item-main .item-info table {
    width: 100%;
}
.item_images, .item_detail, .item_description, .item_tags, .author_information  {
    clear: both;
}

.item_tb th {
    padding: 5px;
    width: 30%;
    font-weight: bold;
    border-bottom: 1px dotted #ccc;
}
.item_tb td {
    padding: 5px;
    border-bottom: 1px dotted #ccc;
    word-break: break-all;
}

.item_images ul li {
    width: 49% !important;
    padding: 0px;
    float: none !important;
    display: inline-block;
    vertical-align: top;
}
.item_images .item-nav {
    width: 100%;
}
.item_images .item-nav img {
    /* max-height: 300px; */
    /* max-width: 32%; */
}
.item_images img {
    /* width: 32%; */
    display: block;
    float: left;
    margin: 0px 10px 20px 0px;
}
.sub .tags ul li,
.sub2 .tags ul li,
.item_tags ul li {
    width: auto !important;
    padding: 0px 8px 16px 0px !important;
}
.sub .tags ul li,
.sub2 .tags.pc ul li {
    float: left;
    padding: 0px 5px 10px 0px !important;
}
.sub2 .tags ul li {
    float: left;
    padding: 0px 8px 20px 0px !important;
}
.sub .tags ul li:not(.no_bg) a,
.sub2 .tags ul li:not(.no_bg) a,
.item_tags ul li:not(.no_bg) a,
.item-info .additions ul li,
.item_detail .additions ul li {
    border-radius: 3px;
    padding: 2px 5px;
    white-space: nowrap;
    background-color: #e8e6e5;
    border: solid 1px #c5c5c5;
    color: #222;
    text-decoration: none;
}
.sub .tags ul li a.extra,
.sub2 .tags ul li a.extra,
.item_tags ul li a.extra {
    background-color: #ffd700;
    border: solid 1px #daa520;
}
.sub2 .tags ul li a {
    padding: 5px 8px;
}
.item-info .additions ul li,
.item_detail .additions ul li {
    width: auto;
    margin: 0px 8px 8px 0px;
}

.product_halfprice {
    display: inline-block;
    padding: 0 5px;
    margin-right: 3px;
    background: #ccad00;
    color: #fff;
    font-size:10px;
    border-radius: 2px
}
.product_spprice {
    display: inline-block;
    padding: 0 5px;
    margin-right: 3px;
    background: #e60012;
    color: #fff;
    font-size:10px;
    border-radius: 2px
}
.product_fixprice {
    display: inline-block;
    font-size:12px;
    margin-right: 0px;
    text-decoration: line-through;
}

.product_price {
    text-align: center;
    line-height:1.2em;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
}
.product_price_box {
    display: table;
    width: 100%;
}

.btn_set span, .btn_set input, .btn_set form{
    float: left;
    margin-right:1.5em;
}
.btn_set input, .btn_set button {
    cursor: pointer;
}

.colorfilter-base {
    background-color: #eee;
}

.colorfilter-image{
    -webkit-filter: grayscale(1); /* Webkit */
    filter: gray; /* IE6-9 */
    filter: grayscale(1); /* W3C */
    cursor: default;
    opacity: 0.1;
    display: block;
}

.bookmark_image-btn {
    border: 0px;
    width: 220px;
    height: 57px;
    background: url(/images/title/into_favorite.png) left top no-repeat;
}

.btn_set form {
    margin-right: 20px;
}

.item_detail div dt,
.author_information div dt {
     /* width: 10%; */
    width: 15%;
    float: left;
    padding: 5px 0;
    clear: both;
    font-size: 14px;
}

.item_detail div dd,
.author_information div dd {
    /* width: 100%; */
    width: auto;
    /* padding: 5px 0; */
    padding: 5px 0px 5px 15%;
    font-size: 14px;
}

.author_information div dd span{
     float: right;
}

ul.current_status{
    margin: 40px 0 10px;
}

ul.current_status+ ul.current_status{
    margin: 10px 0 20px;
}


.current_status li{
    float: left;
    margin-right: 20px;
}


 .item-info img, .item-info{
     padding:0;
 }
 .book .title_b{
     background: #ff9900;
    padding: 5px;
    color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 4px 14px 5px;
    background: #ff9900;
        float: left;
        width: 141px;
 }
.book .title_b_big{
     background: #ff9900;
    padding: 5px;
    color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 4px 14px 5px;
    background: #ff9900;
        float: left;
        width: 141px;
    font-size: 15px;
 }
 .book .nav1 li:last-child .title_b{
     background: #3ed63b;
 }
 .book .nav1 li:last-child .title_b_big{
     background: #3ed63b;
 }
 .book .nav1 .title_b:after{
         content: "";
    position: absolute;
    border-bottom: 3px solid #D88508;
    bottom: 1px;
    z-index: 10;
    width: 82%;
    left: 15px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
 .book .nav1 .title_b_big:after{
         content: "";
    position: absolute;
    border-bottom: 3px solid #D88508;
    bottom: 1px;
    z-index: 10;
    width: 82%;
    left: 15px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

 .book .nav1 li:last-child .title_b:after{
         content: "";
    position: absolute;
    border-bottom: 3px solid #3cc43a;
    bottom: 1px;
    z-index: 10;
    width: 82%;
    left: 15px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
 .book .nav1 li:last-child .title_b_big:after{
         content: "";
    position: absolute;
    border-bottom: 3px solid #3cc43a;
    bottom: 1px;
    z-index: 10;
    width: 82%;
    left: 15px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
 .desc_r{
    display: flex;
    padding-top: 8px;
     word-break: break-all;
     word-wrap: break-word;
 }
 .desc_r p{
     font-size: 14px;
     word-break: break-all;
     word-wrap: break-word;
 }
.desc_r_big{
    display: flex;
        padding-top: 3px;
    font-size: 15px;
    word-break: break-all;
    word-wrap: break-word;
 }
 .desc_r_big p{
     font-size: 15px;
     word-break: break-all;
     word-wrap: break-word;
 }

 .book-nav ul li{
   display: block;
   width: 100%;
   padding: 0px;
   padding: 14px 0;
 }
 .book-info p.btn_play1,  .book-info p.btn_play2{
     margin: 25px 0 ;
 }
.btn_play1, .btn_play2, .btn_play3{
    margin: 20px 0px;
    padding: 0;
}
.btn_play1 button, .btn_play3 button, .btn_play1 a, .btn_play3 a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 6px 14px 3px;
    background: #d50000;
    width: 100%
}

.btn_play0 button .btn_play0 a{
    color: #fff;
    font-size: 12px;
    text-align: left;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 6px 14px 3px;
    background: #d50000;
}

.btn_play1 span.txt_btn:after, .btn_play3 span.txt_btn:after{
    content: '\f144';
    float: right;
    font: normal normal normal 12px/2 'FontAwesome';
        position: absolute;
    top: 3px;
    right: 14px;
}
.btn_play1 p, .btn_play3 p {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    height: 3px;
    width: 100%;
    background: #a20000;
    font-size: 0px
}

.btn_play2 button, .btn_play2 a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 6px 14px 3px;
    background: #ff9900;
    width: 100%
}
.btn_play2 span:after{
    content: '\f144';
    float: right;
    font: normal normal normal 12px/2 'FontAwesome';
        position: absolute;
    top: 3px;
    right: 14px;
}
.btn_play2 p {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    height: 3px;
    width: 100%;
    background: #d88508;
    font-size: 0px
}
.text_plus{
       padding: 33px 0 20px 10px;
}


.book .book-info .top_title{
    padding: 0px;
        margin-bottom: 15px;
}
.book .maint{
    color: #6699ff;
    margin-right: 20px;
}
.list_program{
    padding:0px;
}
.list_program ul li{
    list-style: none;
    padding: 15px 0 5px 28px;
    border-bottom: 1px dotted #ddd;
    position: relative;
}
.list_program  input[type="checkbox"] {
    margin: 0px;
}
.left_l{
        float: left;
            margin-top: -10px;
}
.right_l{
        width: 80%;
        float: right;
        margin-top: -10px;
}
/*.book input[type=checkbox] { display:none; } to hide the checkbox itself */
.book input[type=checkbox] + label:before {
  font-family: 'FontAwesome';
  display: inline-block;
}

.book input[type=checkbox] + label:before {
      content: "";
    position: absolute;
    width: 18px;
    top:  7px;
    left: 5px;
    height: 18px;
    border: 1px solid #d2d2d2;
    text-align: center;
    line-height: 16px;
 } /* unchecked icon */

.book input[type=checkbox]:checked + label:before {
 content: "\f00c";
    position: absolute;
    width: 18px;
  top:  7px;
    left: 5px;
    height: 18px;
    line-height: 16px;
}
.book .star_rate{
    margin-right: 10px;
}
.book .star_rate_off{
    margin: 3px 15px 3px 5px;
}
.comments {
    padding-left: 0px;
    padding-right: 0px;
}
.comments .title_comm{
    font-size: 18px;
    margin: 20px 0;
}
.comments .title_comm .icon-smile {
    background: url('../images/icon-smile-2x.png') no-repeat left center;
    background-size: 23px auto;
        margin: 0px 10px 0px 0px;
    padding: 14px 14px 14px 9px;
    position: relative;
}
.comments .title_comm .icon-smile:after{
       position: absolute;
    content: "";
    bottom: 16px;
    right: 1px;
    width: 0;
    height: 0;
    border-top: 7px solid #ff6699;
    border-left: 7px solid transparent;
    transform: rotate(-29deg);
}
.comments .readmore_comm{
    color: #6699ff;
    float: right;
}
.comments .bottom_comm{
    text-align: right;
}
.comments .comment{
    border: 1px solid #a7a7a7;
    border-radius: 18px;
    padding: 20px;
    margin: 18px 0;
}
.comments .comment:before{
    content: "\f0c6";
    position: absolute;
    top: -18px;
    left: -5px;
    width: 50px;
    height: 70px;
    font-family: 'FontAwesome';
    z-index: 99;
    font-size: 3em;
    color: #d2d2d2;
    transform: rotate(49deg);
    -moz-transform: rotate(49deg);
    -webkit-transform: rotate(49deg);
    -o-transform: rotate(49deg);
}

.inquiry div.inquiries {
    max-height: 400px;
    overflow: auto;
    background: #f0f0f0;
    padding: 5px;
}
.inquiry div.inquiries ul li {
    width: 100% !important;
    border-bottom: 1px dotted #ccc;
}
.inquiry div.inquiries ul li p {
    padding-bottom: 10px;
}

/*-------------------------------------- creator */
.pv img {
    max-width: 80px;
    height: auto;
    width: auto;
}
.creator .create-top .title-pa div {
    padding: 0px 20px;
    text-align: left;
    width: 200px;
    border-radius: 15px;
}
.creator .title-01 {
    background-color: #ffff00;
    border-bottom: 3px solid #eeec2f;
    padding-top: 4px;
    margin-bottom: 13px;
    border-radius: 15px;
    width: 200px;
}
.creator_main {
    margin: 20px 0;
    /* width: 69%; */
    /* margin-left: 10%; */
}
.cre_left {
    float: left;
    font-size: 18px;
}
.cre_right {
    float: right;
    font-size: 14px;
}
.cre_note {
    clear: both;
    word-break: break-all;
    word-wrap: break-word;
    margin-top: 20px;
    /* padding: 35px 30px; */
    line-height: 25px;
    /* background: url(../images/note_bg.png) repeat-y; */
}
.recommend section {
    border: 1px solid #e60012;
    padding: 5px;
}
.news section {
    max-height: 200px;
    overflow: auto;
    background: #f0f0f0;
    padding: 5px;
}
.download_p .news section,
.download_p .favorites section {
    height: 50px;
    overflow: auto;
}
.news section ul li {
    width: 100% !important;
    border-bottom: 1px dotted #ccc;
}

.creator .btn_play1 a{
    width: 215px;
}

.creator .btn_play0 a{
   width: 64px;
}

.creator .btn_play1 span{
    position: relative;
    width: 215px;
}
.creator .btn_play1 span.txt_btn:after
{
        content: '\f144';
    float: right;
    font: normal normal normal 12px/2 'FontAwesome';
    position: absolute;
    top: -4px;
    right: -65px;

}
.creator_table_title{
    padding: 20px 0px;
}
.icon-flag{
  padding-right: 10px;
   position: absolute;
    top: 50%;
    transform: translateY(-50%);

}
.flag_reach{
    position: absolute;
    right: 1;
}
.table_book thead>tr>th{
   text-align: center;
   vertical-align: middle;
   background-color: #3ed63b;
}
.table_book tr>td{
   vertical-align: middle;
   text-align: center;
   color: #0066cc;
}
.table_book tr >td:nth-child(2){
    position: relative;
    text-align: left;
}
.table_book tr>td:nth-child(2) span{
  margin-left: 30px;
  position: relative;
    display: inline-block;
}
.text_bottom_table{
    display: inline;
    text-align: right;
}
.text_bottom_table img{
    margin-right: 10px;
}
.text_bottom_table span{
    padding-right: 10px;
}
.text_bottom_table a{
    color: #6699ff;
}
.under_table_reach{
    text-align: right;
}
.pagination>li:first-child>a, .pagination>li:last-child>a{
  border-radius: 0px;
}
.creator .btn_play1 span.text_at_btn{
    margin-left: 25px;
}
.btn_play11 a{
        display: inline-block;
    border-radius: 50px;
    background: #ff9900;
    width: 180px;
    margin-right: 8px;
    position: relative;
    margin-bottom: 0px;
    padding: 6px 14px 2px;
    color: #fff;
    margin-top: 20px;
}
.btn_play11 a p{
        -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    height: 3px;
    width: 100%;
    background: #ea8c00;
    font-size: 0px
}
.btn_play11 a:after{
    content: '\f144';
    float: right;
    font: normal normal normal 12px/2 'FontAwesome';
        position: absolute;
     top: 3px;
    right: 12px;
}
.col-md-offset-2_1{
    margin-left:1%;
}
.col-sm-3_1{
    width:18%;
}
.commission form select{
    padding: 5px 25px 5px 15px;
    position: relative;
    background: url(../images/down.png) no-repeat 90%;

}
.commission form select:focus > option{
    padding: 5px 15px;
}
/*-------------------------------------- creator_top */
.btn_plays .btn_play_menu,.btn_board .btn_play_board{
    margin: 0 0px;
    padding: 0;
}


/*.list_btn .btn_plays .btn_play_menu:last-of-type, .author_mypage_edit .btn_plays .btn_play_menu:last-child,*/
.btn_play_withdraw,
.illustrator_recruit .btn_plays .btn_play_menu:last-child {
    background: #c9c9c9;
    margin-right: 0px;
}

.list_btn .btn_plays .btn_play_menu:last-of-type p{
        -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    height: 3px;
    width: 100%;
    background: #bdbdbd;
    font-size: 0px
}
.btn_plays .btn_play_menu span{
    position: relative;
}
.btn_plays .btn_play_menu:after{
    content: '\f144';
    float: right;
    font: normal normal normal 12px/2 'FontAwesome';
        position: absolute;
     top: 3px;
    right: 12px;
}

.btn_board .btn_play_board {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 5px 5px 5px;
    background: #e60012;
    /*margin-right: 1%;*/
    position: relative;
    float: right;
    margin-bottom: 0px;
}

.btn_board .btn_play_board span{
    position: relative;
}

/*.btn_board .btn_play_board:after{
    content: '\f144';
    float: right;
    font: normal normal normal 12px/2 'FontAwesome';
        position: absolute;
     top: 3px;
    right: 12px;
}*/
.btn_board .btn_play_board p{
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    height: 3px;
    width: 100%;
    background: #eed009;
    font-size: 0px
}
.btn_plays1 .title_creator_top{
    float: left;
    padding: 32px 0 0;
    font-size: 16px;
    color: #ff9900;
    font-weight: bold;
}
.creator_top .top-main {
    margin-bottom: 10px;
    overflow: hidden;
}
.creator_top .rankings .des-info .count_left{
    float: left;
}
.creator_top .rankings .des-info .button_pl_right{
    float: right;
    background-color: #c9c9c9;
    color: #fff;
    padding: 2px 10px;
}
.btn_board .btn_play_board, input.btn_play_board {
    display: inline-block;
    color: #000;
    font-size: 12px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #ddd;
    border:1px solid #bbb;
    position: relative;
    float: left;
    margin-bottom: 0px;
    width: 44%;
}

.btn_board .btn_play_edit{
        width: 34%;
    margin: 0 1%;
    background: #06C;
    color: #FFF;
}

.btn_board .play_board_rd{
    background: #e60012;
    color: #fff;
}

input.btn_play_board{
    padding: 4px 5px 4px;
    font-size: 13px;
     background: #fff;
   width: 20%;
}


.btn_board .btn_play_board span{
    position: relative;
}


/*.btn_board .btn_play_board p{
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    height: 3px;
    width: 100%;
    background: #ee8f07;
    font-size: 0px;
}*/
.post_inner .inside_info span{
    padding:  3px 3px;
    font-weight: bold;
}

.post_inner .title_bottom{
    font-weight: normal;
    font-size: 16px;
    }

.post_inner .title_bottom span.set_item {
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    padding: 0 3px;
    background: #e60012;
    color: #fff;
    margin-right: 3px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    vertical-align: middle;
}
.post_inner .title_bottom span.gift_item {
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    padding: 0 3px;
    background: #06c;
    color: #fff;
    margin-right: 3px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    vertical-align: middle;
}

.post_inner .title_inner a{
    color: #6699ff;
    font-size: 16px;
}
.post_board{
    margin-top: 20px;
}
.post_inner a.col-md-7 {
     /*padding: 5px;*/
     width: 100%;
}
.post_inner a.col-md-7 img{
     /*width: 98%;*/
     background: #ccc;
}

.post_board {
/*margin: 0 -1%;*/
}

.post_inner{
    width:32%;
    background-color: #fff;
/*width: 472px;*/
padding: 10px 5px;
margin: 0 0.6666%;
margin-bottom: 15px;
border: 1px solid #e5e5e5;
}
/*.post_inner:nth-child(2n+2){
    margin-right: 0px;
}*/
.post_inner aside{
        padding: 10px;
        width: 100%;
}
.post_inner .inside_info{
        line-height: 21px;
    margin-top: 11px;
    font-size: 14px;
}
.board, .post_board{
    padding: 0px;
}

.bg_space {
    background: #eee;
}

.btn_plays1 .btn_play_menu{
    display: inline-block;
    color: #fff;
    font-size: 12px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 6px 14px 2px;
    background: #ffdd00;
    width: 153px;
    margin-right: 0px;
    position: relative;
    margin-bottom: 0px;
    float: right;
    margin-top: 28px;
}



.btn_plays1 .btn_play_menu span{
    position: relative;
}
.btn_plays1 .btn_play_menu:after{
    content: '\f144';
    float: right;
    font: normal normal normal 12px/2 'FontAwesome';
        position: absolute;
     top: 3px;
    right: 12px;
}

.btn_plays .btn_play_menu_long span{
    position: relative;
}
.btn_plays .btn_play_menu_long:after{
    content: '\f144';
    float: right;
    font: normal normal normal 12px/2 'FontAwesome';
        position: absolute;
     top: 3px;
    right: 12px;
}


.account-box a.user-profile{
        background: url('../images/pencil_green.png') no-repeat left 8px;
    background-size: 20px auto;
    padding: 10px 0px 5px 25px;
    padding-right: 10px;
    color: #3ed63b;
}
.account-box a.my-page{
    color: #3ed63b;
}
.creator_top .sub-info-02{
/*    border: 0px;*/
}
.form-right{
    float: left;
    width:80%;
}
.imgselect{
    display: inline-block;
/*
    width: 30%;
    margin: 10px;
*/
    text-align: center;
    vertical-align: top;
    width: 32%;
    padding: 10px;
}
.imgselect_img{
    width: 250px;
    height: auto;
}
.panel_title{
    margin:20px 0px;

}

.report1 .td_total{
    font-size: 14px;
    text-align: right;
}



/*--------------------------------------breadcrumb_link */
.breadcrumb_link{
    margin-top: 15px;
}
.breadcrumb_link > ul > li{
    padding: 0 15px;
    margin-right: 10px;
    position: relative;
}
.breadcrumb_link > ul > li a{
    color: #333333;
    font-size: 14px;
}
.breadcrumb_link > ul > li.root a{
    color: #999999;
}
.breadcrumb_link  ul li + li:before{
content: "";
    background: url(../images/arrow_left+@2x.png) no-repeat;
    position: absolute;
    top: 9px;
    width: 12px;
    left: -6px;
    height: 12px;
    font-size: 12px;
    font-weight: lighter;
    color: #333333;
}
/*-------------------------------------- New page */
.author-list table.pc tr td, .author-list table.pc thead th{
    text-align: center;
    vertical-align: middle;
}
.author-list table.pc tr td:nth-child(5),.author-list table.pc tr td:nth-child(7), .author-list table.pc tr td:first-child{
    text-align: left;
    word-break: break-all;
    word-wrap: break-word;
}
.author-list table.pc thead th:nth-child(2){
    width: 9%;
}
.author-list table.pc thead th:nth-child(3){
    width: 8%;
}
.author-list table.pc thead th:nth-child(5){
    width: 13%;
}
.author-list table.pc{
    margin-top:15px;

}
/*------------------------------------- creator_kari_entry */

.list-check .la-check150 {
    width: 150px;
    float: left;
    margin-top: 7px;
    font-weight:bold;
}
.list-check .item-check01 {
    float: right;
    width:100%;
}
.creator-register form .control-label01{
    padding-top: 5px;
    margin-right: 20px;
    text-align: right;
}
/*------------------------------------- creator register */
.creator-register form select{
    padding: 5px 20px 5px 15px;
    position: relative;
    background-image:url(/images/icon/down.png);
-moz-background-size:10px 10px;
-webkit-background-size:15px 15px;
-o-background-size:15px 15px;
-ms-background-size:15px 15px;
    background-repeat: no-repeat;
    background-position : 95% center;
}



.creator-register form select:focus > option {
    padding: 5px 15px;
}
.control-group .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    margin-right: 20px;
    text-align: right;
}
.control-group .control-label span {
    font-size: 0.8em;
    color: red;
}
.control-group .control-label p {
    float: left;
    width: 160px;
    padding-top: 5px;
    margin-right: 20px;
    text-align: right;
    font-weight: 700;
}
.control-group .control-label span {
    font-size: 0.8em;
    color: red;
}
.control-group .controls {
    /* display: inline-block; */
}
.control-group .form-offset {
    margin-left: 180px;
}

.controls#addr > select, .controls#addr > input{
    display: block;
        margin: 10px;
    margin-left: 185px;
}

.controls_inner{
    padding-left: 180px;
}
.controls p{
    padding: 5px 0;
}

.creator-register .phone,.creator-register .fax{
        padding: 5px 5px;
        margin:5px;
    margin-left: 5px;
    border: 1px solid #CCC;
}
.creator-register .texthelp{
    display: block;
    font-weight: normal;
    font-size: 14px;
    color: #444 !important;
}
.creator-register textarea {
    width: 380px;
}


.creator-register .help-block{
    margin-left: 180px;
}
.creator-register .controls .radio label{
    padding: 2px 47px 0 0;
}
.controls .btn.submit_reg {
    margin-left: 140px;
    margin-top: 20px;
    background-color: #e60012;
    padding: 5px 50px;
    border-radius: 0!important;
}
.controls .btn.submit_btn {
    margin-top: 20px;
    background-color: #e60012;
    padding: 5px 50px;
    border-radius: 0!important;
}

.controls .btn.submit_dl{
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 10px;
}

.controls .btn.submit_dl_2{
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: -8px;
}

.creator-register form .title_form{
    font-size: 1.2em;
    font-weight: bold;
    margin: 20px 0 10px;
}
.agreement{
    width: 960px;
    height: 240px;
    border: 1px solid #000;
    overflow-y: scroll;
    margin:20px 0 10px 0;
    padding:5px;
    align:left;
}

.derails_view .control-group{
    padding: 6px 0;
    border-bottom: 1px dotted #ccc;
}

.derails_view .controls{
    padding-top: 5px;
}

/*-------------------------------------- author mypage */


.btn_plays .btn_play_menu {
    display: inline-block;
    color: #e60012;
    font-size: 13px;
    padding: 6px 14px 6px;
    border: 2px solid #e60012;
    background: #fff;
    width: 20%;
    margin-right: 2%;
    position: relative;
    margin-bottom: 0px;
}

.ma-t10 {
    margin-top: 10px!important;
}


.btn_plays .btn_play_menu_is-long{
    width: 37%;
}

.btn_plays .btn_play_menu_is-short{
    width: 15%;
}

.btn_plays .btn_play_menu_is-long:last-child{
    margin-bottom: 0px;
    margin-right: 0px;
}
.btn_plays .btn_play_menu_is-long:last-child p {
    height: 3px;
    width: 100%;
    background: #ea8c00;
    font-size: 0px;
}



.btn_plays .btn_play_menu:last-child{
    margin-bottom: 0px;
    margin-right: 0px;
}
.btn_plays .btn_play_menu:last-child p {
    height: 3px;
    width: 100%;
    background: #fff;
    font-size: 0px;
}
.author_mypage .info_author span.tileau{
  float: left;
    padding: 28px 0 0;
    font-size: 16px;
    color: #ff9900;
}
.author_mypage .info_author .level{
    float: left;
    padding: 28px 0 0;
    font-size: 16px;
    color: #444;
    font-weight: bold;
    margin-left: 20px;
    }
.top-main .m_list_title {
    font-size: 18px;
    color: #F5AD59;
    font-weight: bold;
    margin-top:15px;
}
.m_list_title2, .creator-register-work .m_list_title2{
    font-size:24px;
    color: #F5AD59;
    font-weight: bold;
    text-align: center;
}

.table-info-cart .table-bordered>tbody>tr>td,
.table-info-cart .table-bordered>thead>tr>th {
    vertical-align: middle;
}
.table-info-cart .table-bordered>tbody>tr>td label {
    font-weight: normal;
}

.table-info-author .table-bordered>tbody>tr>td, .table-info-author .table-bordered>thead>tr>th{
    vertical-align: middle;
    text-align: center;
}
.table-info-author .table-bordered>tbody>tr>td span{
    padding: 5px;
    /*background-color: #f76e00;*/
    border-radius: 5px;
    /*color: #fff;*/
}

.author_mypage .table-info-cart .submit_table,
.author_mypage .table-info-author .submit_table,
.author_mypage .point_history button {
    padding: 5px 40px;
    background-color: #e60012;
    color: #fff;
    border-bottom: 3px solid #bbb;
    float: right;
    opacity: 1;
    transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
}
.author_mypage .table-info-cart .submit_table:hover,
.author_mypage .table-info-author .submit_table:hover,
.author_mypage .point_history button:hover {
    opacity: 0.7;
}
    .author_mypage .table-info-author .submit_table_c{
    padding: 5px 40px;
    margin: 0 3px;
    background-color: #f76e00;
    color: #fff;
    border-bottom: 3px solid #7FA775;
    float: left;
    opacity: 1;
    transition: ease 0.5s;
     -webkit-transition: ease 0.5s;
     -moz-transition: ease 0.5s;
       -o-transition: ease 0.5s;
    }
    .author_mypage .table-info-author .submit_table_c:hover{
        opacity: 0.7;
    }
    .author_mypage .table-info-author .cart_button{
    display: block;
    position: relative;
    float: right;
    }
    .mw60{
    min-width: 60px;
    }
    .main_pv{
    padding-bottom: 70px;
    width: 960px;
    }
    #content .form-horizontal{
    width:960px;
    text-align: center;
    }
    #content .control-group{
    width:960px;
    text-align: center;
    }

.author_mypage .table-info-cart .go_shopping,
.author_mypage .point_history .go_charge {
    clear: both;
    padding: 20px 0px;
    float: right;
}
.author_mypage .table-info-cart .go_shopping p,
.author_mypage .point_history .go_charge p {
    float: left;
    text-align: right;
    margin: 0px 10px;
}
.author_mypage .table-info-cart .go_shopping .submit_table.back_btn {
    color: #000;
    background-color: #F8B500;
    float: right;
}

/*--------------------------------- checkout */
div.table-info-cart table.creditcard tr td.head {
	background-color: #fee;
}
div.table-info-cart table.creditcard tr td.sdk {
	padding: 13px 13px 0px 13px;
}
div.table-info-cart table.creditcard tr td.self {
	padding: 8px 18px 8px 8px;
}
div.table-info-cart table.creditcard tr td.self input {
	width: 100%;
}
div.table-info-cart table.creditcard tr td.self input.default-invalid {
    color: #b20202;
    -webkit-text-fill-color: red;
}
/*--------------------------------- commission */
    .search_comm .btn_submit{
            margin-top: 4px;
    padding: 6px;
    background-color: #333;
    }
    .title_commission{
        text-align: center;
    font-size: 1.5em;
    padding: 30px;
    background: #339ACD;
    color: #fff;
    box-shadow: 0 0 0 1px #fff inset;
    border: 5px solid #339ACD;
    font-weight: bold;
    }
    .info_comm,.title2{
        margin: 20px 0;
        display: inline-block;

    }
    .info_comm{
        background:#FFFDDD;
        padding:10px 20px;
    }

    .report1 .title2, .report2 .title2, .search_title_comm{
         color: #e60012;
         font-size: 1.2em;
         font-weight: bold;
    }
    .info_comm span{
     /* margin-right: 50px;*/
    }



    .report1 .table-bordered>tbody>tr>td,.report1 .table-bordered>thead>tr>th, .report2 .table-bordered>tbody>tr>td,.report2 .table-bordered>thead>tr>th{
       text-align: center;
       vertical-align: middle;
    }
    .report1 .table>thead:first-child>tr:first-child>th, .report2 .table>thead:first-child>tr:first-child>th {
    border-top: 0;
    background-color: #cc;
    border: 1px solid #ccc;
}
.commission .table.sp{
    border: 0px;
}
.commission .table.sp > tbody > tr > td, .commission .table.sp>tbody>tr>th{
    text-align: center;
    vertical-align: middle;
}
/*-------------------------------------crator register work*/
.creator-register-work p.label_form{
    font-size: 2em;
    font-weight: bold;
}
.creator-register-work .register-form .controls{
    display: inline-block;
}
.creator-register-work .check-radio input[type=radio], .check-box input[type=checkbox]{
    display: block;
    float: left;
}
.creator-register-work .register-form input[type=text][disabled] {
    background-color: #eee;
    cursor: not-allowed;
}
.creator-register-work .check-box label{
    padding-left: 10px;
    margin-right: 20px;
}
.creator-register-work .control-group{
    padding: 10px 0;
}
.submit_reg_work{
        margin-left: 35%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    margin-top: 20px;
}
.controls .review_text spn{
    position: absolute;

}
/*-----------------------------------------tokusyo*/
#spsite{
    display:none;
}


/*-----------------------------------------info_guide*/

/*購入手順*/

.fastfacts{
    padding: 30px;
    /*background-color: #efefef;*/
    border: 5px solid #FD8D00;
}

#aff{
    border: 5px solid #ef4359;
}

.procedure_tlt{
     color: #FD8D00;
     font-size: 1.5em;
     font-weight: bold;
     margin-bottom: 20px;
     position: relative;
}

#aff .procedure_tlt{
     color: #ef4359;
}

.procedure_tlt span{
     position: absolute;
     top: 15px;
}

.procedure_tlt:before {
    content: "";
    display: inline-block;
    vertical-align: -5px;
    width: 77px;
    height: 58px;
    margin-right: 20px;
    background: transparent url(/images/icon/icon_dl.png) 0 0 no-repeat;
}

#aff .procedure_tlt:before {
    background: transparent url(/images/icon/icon_dl_aff.png) 0 0 no-repeat;
}

.procedure_inner {
    position: relative;
    display: table;
  overflow: hidden;
  padding: 0 0 48px 0;
      width: 100%;
}
.procedure_arrow {
  background: url(/images/icon/line_or.gif) 0 100% repeat-y;
}

#aff .procedure_arrow {
  background: url(/images/icon/line_pk.gif) 0 100% repeat-y;
}

.fastfacts .procedure_arrow:last-child{
  background: none;
}

#aff .procedure_arrow:last-child{
  background: none;
}


.procedure_arrow:before {
    content:"";
    display: block;
    border-top: 1px dotted #ccc;
    position: absolute;
    height: 1px;
    width: 100%;
    left: 0;
    bottom: 56px;
}
.procedure_end {
    display: table;
  overflow: hidden;
  padding: 0 0 48px 0;
}
.procedure__header {
    display: table-cell;
    vertical-align: top;
    padding-right: 7%;
    width: 17%;
}
.procedure__headerbody {
  width: 72px;
  height: 72px;
  background: #FD8D00;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  border-radius: 10px;
  color: #FFF;
}

#aff .procedure__headerbody {

  background: #ef4359;
}

.procedure__headerbody .procedure__ttltext {
  display: block;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
  line-height: 1;
  margin-bottom: 2px;
}
.procedure__headerbody .procedure__num {
  display: block;
  font-size: 180%;
  line-height: 1;
}
.procedure__headerbody .procedure__num.end {
    text-align: center;
    font-size: 123%;
}
.procedure__block {
    display: table-cell;
    vertical-align: top;
}
.procedure_base .procedure__block {
    padding-bottom: 40px;
}
.procedure__img {
    float: left;
    vertical-align: middle;
    padding-right: 40px;
    margin-bottom: 30px;
}
.procedure__img img {
  vertical-align: middle;
}
.procedure__article {
    float: left;
     vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    width: 100%;
}
.procedure__article .article__text {
  margin-bottom: 8px;
}
.procedure__article img {
    width: 552px;
}
.procedure-fin {
  background: #ff8800;
  height: 59px;
  border-radius: 12px;
}
.procedure-fin__text {
  line-height: 59px;
  text-align: center;
  color: #FFF;
  font-size: 128.57143%;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
}
.procedure-caption {
  text-align: center;
  margin: 22px 0 0 0;
}


.download_is_iphone .left,
.download_is_iphone .right {
    float: left;
    width: 50%;
    margin-right: 3%
}

.download_is_iphone img {
    border: 1px solid #ccc;
}

.download_is_iphone .ttl {
    color: #FD8D00;
    margin: 3.0em 0 1.0em 0;
    padding: 3px 0 3px 15px;
    border-left: 5px solid #FD8D00;
    border-bottom: 1px solid #FD8D00;
}

/*-------------------------------------member_register*/

.user-form{
    width:900px;
}

.creator-register-work p.label_form{
    font-size: 2em;
    font-weight: bold;
}
.creator-register-work .user-form .controls{
    display: inline-block;
    }
.creator-register-work .check-radio input[type=radio], .check-box input[type=checkbox]{
    display: block;
    float: left;
}
.creator-register-work .check-box label{
    padding-left: 10px;
    margin-right: 20px;
}
.creator-register-work .control-group{
    padding: 10px 0;
}
.creator-register-work .container .main .register-form .form-horizontal p{
    padding: 10px 0;
}

.sample_imgbox{
    padding: 20px;
    border-bottom: 1px solid #999;
    margin-bottom: 20px;
}
.sample_imgbox input{
    margin-bottom: 10px;
}

.submit_reg_work{
        margin-left: 35%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    margin-top: 20px;
}

.red{
    color:#e60012;
}
#pcsite{
    display:inherit;
}
/*-------------------------------------- footer */

footer {
    width:100%;
   /* padding: 43px 0 40px;
    background:#eee;
    overflow: hidden;
    text-align: right;
    color: #000;
    overflow: hidden;
    margin-bottom: -30px;*/
    border-bottom: 5px solid #e60012;
    padding-top: 30px;
}

footer .container{
    width: 100%;
    padding: 0;
    border-top: 2px solid #535353;
    max-width: 1100px;
    margin: 0 auto;
}

footer div.container ul {
    padding-top: 22px;
    margin-bottom: 32px;
}

footer div.container ul .logo {
    float: left;
}

footer div.container ul .logo img {
    height: 35px;
    margin-left: 10px;
}

footer div.container ul li.otherlink {
    float: right;
}

footer div.container ul li.otherlink ul {
    text-align: right;
    padding-top: 8px;
    margin-bottom: 0;
}

footer div.container ul li.otherlink ul li {
    display: inline-block;
}

footer div.container ul li.otherlink ul li a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}

footer div.container ul li.otherlink ul li a:after {
    content: "｜";
    display: inline-block;
    padding-left: 3px;
}

footer div.container p {
    border-top: 2px solid #535353;
    text-align: center;
    padding: 16px;
    color: #000;
    font-size: 14px;
    line-height: 100%;
}

footer div.container p small.copyright {
    font-weight: bold;
}


footer div.wrap ul li.otherlink ul li:last-child a:after {
    content: "";
}

/*

.footer-nav {
    margin-bottom: -20px
}
.footer-nav ul {}
.footer-nav ul li{
    display: inline-block;
    vertical-align: middle;
}
.footer-nav ul li a{
    color:#000;
    margin-left:25px;
}*/
footer small{
    font-size: 11px;
}

/*-------------------------------------- index */

/*.top-test{
    padding:40px 0;
    text-align:center;
    background:#EEEEEE;
}*/
.btn_plays .btn_play_menu:hover,.btn_plays1 .btn_play_menu:hover, .btn_board .btn_play_board, .btn_play11 a, .btn_play2 a, .btn_play1 a, .btn_play3 a{
  text-decoration: none;
}

.reviewform select {
    padding: 5px 25px 5px 15px;
    position: relative;
    background: url(../images/down.png) no-repeat 90%;
}

/*-----------------illustrator_recruit */
 .illustrator_recruit .info_author span.tileau{
  float: left;
    padding: 28px 0 0;
    font-size: 16px;
    color: #000;
}
.slelect_illus{
    float: right;
}
select.slelect_illus{
    padding: 5px 25px 5px 15px;
    position: relative;
    background: url(../images/down.png) no-repeat 90%;
    margin: 28px 0 0;
    border-radius: 0px;
    margin:28px 0 0;
}
/*--.illustrator_recruit .table>thead:first-child>tr:first-child>th{
  text-align: left;
}
---*/
.illustrator_recruit .table-info-author{
    overflow-x: auto;
}
.illustrator_recruit .table>thead>tr>th, .illustrator_recruit .table>tbody>tr>td{
    min-width: 120px;
}
.illustrator_recruit .table>thead>tr>th:nth-child(2), .illustrator_recruit .table>tbody>tr>td:nth-child(2){
   min-width: 150px;
}
/*-------------------Download ------------------*/


.btn_plays .btn_play_withdraw{
    background: #c9c9c9;
    margin-right: 0px;}

/*.list_btn .btn_plays .btn_play_menu:last-of-type p {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    height: 3px;
    width: 100%;
    background: #bdbdbd;
    font-size: 0px;
}
*/
.download_p .info_author span.tileau1 {
    float: left;
    padding: 28px 0 0;
    font-size: 16px;
    color: #000;
    margin-right: 10px;
}
.link_down {
    padding: 5px;
    background: #f76e00;
    border-radius: 5px;
    color: #fff;
    display: block;
    margin-bottom: 5px;
    text-align: center;
    white-space: nowrap;
}
.paypal-text {
    text-align: right;
    margin-bottom: 20px;

}
.paypal-text p{
    color: dodgerblue;
    font-size: 14px;
}
.guide_paypal {
    color: dodgerblue;
    font-size: 14px;
}
 /*------------------------------------- info/entry.tpl */
.r_user {
    float: left;
    width: 50%;
    padding: 10px;
}
.r_creator {
    float: right;
    width: 50%;
    padding: 10px;
}

/*------------------------------------- affliate.tpl */
/*------------------------------------- manage.tpl */
/*------------------------------------- mypage.tpl */

.af_menu,
.manage_menu,
.mypage_menu {
    background: #EFF0F0;
    padding: 10px;
    margin-bottom: 20px;
}

.af_menu dt,
.manage_menu dt,
.mypage_menu dt {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    color: #e60012;
}
.af_menu dd,
.manage_menu dd,
.mypage_menu dd {
    padding: 5px 10px;
    margin-left: 1%;
}

.af_menu dd a,
.manage_menu dd a,
.mypage_menu dd a {
    padding-left: 10px;
    display: block;
}
.mypage_menu dd a.button_menu {
    width: 80%;
    padding-left: 5px;
    margin-bottom: 5px;
}

.af_menu dd a:before,
.manage_menu dd a:before,
.mypage_menu dd a:not(.button_menu):before {
    content: '\f144';
    font: normal normal normal 14px/2 'FontAwesome';
    margin-right: 5px;
}

.af_table th,
.manage_table th {
    width: 30%;
}

.af-blogparts{
    width: 100%;
}

.af-blogparts li{
    width: 25%;
    float: left;
    padding :5px;
    box-sizing: border-box;
}

.af-blogparts li .af_image_bg{
    font-size: 12px;
    line-height: 18px;
    text-decoration: none;
    border-bottom: 1px solid #111;
    background-color: #b333;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-width: 60px;
    display: block;
    position: relative;
    z-index: 999;
    border: 1px solid #555;
}

.af-blogparts li div.af_image_bg div{
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,.7);
/*    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b3000000', EndColorStr='#b3000000');*/
    display: block;
    width: 100%;
    z-index: 1000;
}

.af-blogparts li p{
    padding: 4px 5px;
    display: block;
    margin: 0;
    text-shadow: 0 -1px 1px #000;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    color: #fff;
    z-index: 1001;
}




@media screen and (max-width: 767px){
.r_user {
    width: 100%;
    padding: 5px;
}
}
@media screen and (max-width: 767px){
.r_creator {
    width: 100%;
    padding: 5px;
}
}
.title-recruit h1 {
    font-size: 21px;
/*    color: #993333;*/
     color: #333;
/*    text-align: center;*/
    margin: 10px 10px 20px 10px;
}
@media screen and (min-width: 640px){
.none {
    display: none;
}
}
@media screen and (max-width: 767px){
.title-recruit h1{
    font-size: 17px;
}
}
.r-img {
    text-align:center;
    margin: 10px 10px 30px 10px;
}
.join_user {
    font-size: 18px;
    font-weight: bold;
    color: #ff9900;
    margin: 10px;
}
.join_creator {
    font-size: 18px;
    font-weight: bold;
    color: #0070c0;
    margin: 10px;
}
.r_text {
    font-size: 14px;
    line-height: 1.3;
    margin: 20px;
}
.r_text p {
    margin-bottom: 15px;
}
table#user_qa {
    width: 100%;
/*    width: 460px;*/
    margin: 10;
}
td.user_q {
    padding: 5px 0 0 10px;
    text-align: left;
    font-size: 14px;
    line-height:1.5em;
    background-color: #fff58f;
}
td.user_a {
    word-break: break-all;
    padding: 5px 0 20px 25px;
    text-align: left;
    font-size: 14px;
    line-height:1.5em
}
table#creator_qa {
    width: 100%;
    /*    width: 460px;*/
    margin: 10;
}
td.creator_q {
    padding: 5px 0 0 10px;
    text-align: left;
    font-size: 14px;
    line-height:1.5em;
    background-color: #c6ebff;
}
td.creator_a {
    padding: 5px 0 20px 25px;
    text-align: left;
    font-size: 14px;
    line-height:1.5em
}
td.recruit_btn1 {
    text-align: center;
     border-bottom-style: none;
}
td.recruit_btn2 {
    text-align: center;
     border-bottom-style: none;
}
.user_red {
    color: #F00;
}
/*#user_qa td.recruit_btn1.btn_play1{
    width: 40%;
    position: relative;
    left: 30%;
    right: 30%;
}
#creator_qa td.recruit_btn1.btn_play2{
    width: 40%;
    position: relative;
    left: 30%;
    right: 30%;
}*/
/*------------------------------------- info/recruit.tpl */
#bosyu {
    margin: 0 0 40px 0;
}
#bosyu_title h1,
#bosyu_title h3 {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
#bosyu_title h3 span {
    float: right;
    font-size: 0.6em;
    margin-top: 10px;
}

.bosyu_sub-title {
    font-size: 18px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px;
}
#bosyu .bosyu_title h2 {
    display: block;
    padding: 10px 0 5px 15px;
    /* background-color: #f0f0f0; */
    background-color: #f9e595;
    border-left: 6px solid #ffd900;
    color: #333;
    line-height: 1.4;
    font-size: 18px;
}
.bosyu_sub-title img+img {
    margin-left: 20px;
}

/* Login page */
#bosyu_title.login_header {
    padding: 5px;
}
#bosyu_title.login_header h1 {
    color: #fff;
    margin: 0px;
    border: none;
}

input.btn_demo{
        align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 2px 6px 3px;
    border-width: 2px;
    border-style: outset;}


.bosyu_text {
    margin: 20px 2.5% 0;
}
.bosyu_text p {
    line-height: 1.2em;
    margin-bottom: 1em;
}
.bosyu_text strong {
    margin-bottom: 1em;
    display: block;
}
.bosyu_link,
.bosyu_link2 {
    float: right;
}
.bosyu_link a {
    display:inline-block;
    margin: 0 50px 0 0;
    padding: 5px 30px;
    font-size: 16px;
    border-radius: 5px;
    background: #41a2da;
    color: #fff;
    text-decoration: none;
}
.bosyu_link2 a {
    display:inline-block;
    margin: 0 50px 0 0;
    padding: 5px 30px;
    font-size: 10px;
    border-radius: 5px;
    background: #41a2da;
    color: #fff;
    text-decoration: none;
}
.bosyu_text ul {
    margin-left:30px;
    margin-bottom: 1em;
}
.bosyu_text li {
    list-style: inside disc;
    line-height: 1.5em;
}
.bosyu_text li span {
    color: #333;
    font-size: 15px;
}
.bosyu_text.rules ol,
.bosyu_text.rules ul {
    padding-left: 20px;
    margin-bottom: 1em;
    margin-left: 0px;
}
.bosyu_text.rules ol li {
    list-style-type: decimal;
    list-style-position: outside;
}
.bosyu_text.rules ul li {
    list-style-type: disc;
    list-style-position: outside;
}
.bosyu_text.rules ol li ul {
    padding-left: 20px;
    margin-bottom: 1em;
}
.bosyu_text.rules ol li ul li {
    list-style-type: disc;
    list-style-position: outside;
}
.bosyu_text.rules ol.parentheses {
	padding-left: 0px;
}
.bosyu_text.rules ol.parentheses > li {
	list-style-type: none;
	list-style-position: inside;
	counter-increment: cnt;
}
.bosyu_text.rules ol.parentheses > li:before {
	display: marker;
	content: "(" counter(cnt) ") ";
}
.bosyu_text.rules ol.parentheses > li > ul {
	padding-left: 40px;
}

.bosyu_mail {
    float: right;
    color: #333;
    font-size: 16px;
    line-height: 1.2em;
}
.bosyu_mail a {
    color: #ff9966;
    font-size: 16px;
}
.bosyu_mail a:hover{
    color: #ffcc99;
    text-decoration: none;
}
.bosyu-img {
    text-align:center;
    margin: 10px 0 30px 0;
}

/*---------------------affiliate.html*/
.affiliate-filter{
    background: #EFF0F0;
    font-size: 15px;
    padding: 10px;
    margin-bottom: 20px;
}

.affiliate-filter dt{
  padding-top : 5px;
  padding-bottom : 5px;
  padding-left : 20px;
  width : 15%;
/* 左寄せ */
  float : left;
/* float解除 */
  clear : both;
  text-align: right;
}

.affiliate-filter dd{
  padding : 5px 10px;
  width : 85%;
/* dtの幅分の設定 */
  margin-left : 16%;
}

.affiliate-filter dd span{
    display: inline-block;
    margin:0 20px 0 5px;
    color: #000;
    text-decoration: underline;
}


.affiliate-filter select {
    padding: 0px 5px;
}

/*---------------------------------*/






/*----------------- sitemap.tpl */
div#contBody::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
div#contBody {
    margin: 0 20px;
    position: relative;
}
ul.listSiteMap::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
ul.listSiteMap {
    margin: 20px auto;
    width: 900px;
}
ul.listSiteMap li.column_l {
    display: inline;
    float: left;
    width: 50%;
}
ul.listSiteMap li.column_r {
    display: inline;
    float: right;
    width: 50%;
}
@media screen and (max-width: 767px){
ul.listSiteMap {
    margin: 20px auto;
    width: 100%;
}
}

@media screen and (max-width: 767px){
ul.listSiteMap li.column_l {
    display: inline;
    float: left;
    width: 100%;
}
}
li {
    list-style: outside none none;
}
ul.listSiteMap li ul li.chapter h3 {
    font-size: 17px;
    font-weight: bold;
    color: #333;
    margin: 1em 0 0.5em;
    line-height: 1;
}

ul.listSiteMap li ul li.chapter {
    border-left: 1px solid #ccc;
    padding-left: 11px;
}

ul.listSiteMap li ul li h4 {
    font-size: 17px;
    font-weight: bold;
    color: #333;
    margin: 1em 0 0.5em;
}
ul.listSiteMap li ul li ul li {
    font-size: 17px;
    background: rgba(0, 0, 0, 0) url("../images/triangle.png") no-repeat scroll 10px 0.6em;
    padding-left: 20px;
}
/*------------------------------------- info/privacy.tpl */
.privacy ol, .privacy li{
    list-style: decimal inside;
    padding-left: 1em;
    text-indent: -1em;
}
.privacy_mail {
    float: left;
    color: #333;
    font-size: 16px;
    line-height: 1.2em;
    padding-top:10px;
    font-size: 16px;
}
.privacy_mail a {
    color: #ff9966;
    font-size: 14px;
}
.privacy_mail a:hover{
    color: #ffcc99;
    text-decoration: none;
}

/*------------------------------------- info/reach.tpl */
.reach_top {
    padding: 20px;
    border: #FDD933 dashed 3px;
    background: #fff;
    font-size: 14px;
}
.reach_top span{
    color: #F5AD57;
    font-weight: bold;
    font-size: 16px;
}
.reach_text {
    margin-top:40px;
    font-size: 14px;
}
.reach_text span{
    color: #FC4581;
    font-weight: bold;
    font-size: 14px;
}

/*------------------------------------- info/guide.tpl */
.guide_title {
	border: #e60012 solid 2px;
	/*border-left: #FEDD3A solid 10px;*/
	padding: 10px;
	background: #fff;
	font-size: 18px;
	color: #e60012;
	font-weight: bold;
	margin:30px 0 ;
}

.guide_title2{
	background:#ef4359;
	color: #FFF;
}

.guide {
	list-style-type: none;
}

.guide1 {
	background: url(../images/icon-star-1x.png) no-repeat 0 1px;
	padding-left: 20px;
	margin-top:10px;
}

.guide2 {
	background: url(../images/icon-smile-1x.png) no-repeat 0 1px;
	padding-left: 20px;
	margin-top:10px;
}

.guide3 {
	background: url(../images/icon-tv-1x.png) no-repeat 0 1px;
	padding-left: 20px;
	margin-top:10px;
}

.guide4 {
	background: url(../images/icon-flag.png) no-repeat 0 1px;
	padding-left: 18px;
	margin-top:10px;
}

.guide_text .title-03 {
	position: relative;
	background-color: #7ecef4;
	border-bottom: 2px solid #6db2d3;
	color: #003399;
	font-size: 11px;

	width: 100px;
	height: auto;
	padding-left: 7px;
	margin-bottom: 0;
	display: inline-block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-left: 20px
}

.guide_text .title-03:after {
	content: '';
	position: absolute;
	width: 13px;
	height: 11px;
	right: auto;
	left: 25px;
	bottom: -11px;
	background: url('../images/icon-arrow2.png') no-repeat left center;
}

.guide_text {
	font-size:14px;
	line-height:2em;
}

.guide_text p {
	margin: 10px 0;
	word-wrap:break-word
}

.guide_span1 {
    color: #e60012;
    font-weight: bold;
    font-size: 14px;
}

.guide_span2 {
    font-weight: bold;
}

.info .example {
	border: 1px solid #000;
    background-color: #D9F2D0;
    padding: 10px;
    font-size: 90%;
}

.is_iphone {
    margin: 0.5em 0 1em 0;
    display: inline-block;
    border: 1px solid#1A237E;
    padding: 10px;
}

input.link_generation {

    background: #EEE;
    border: 1px solid #DDD;
    color: #111;
    padding: 6px;
}

/*FAQ*/
.qa__item {
    padding: 30px 30px 40px 30px;
    border-bottom: dotted 1px #ccc;
}

.qa__item dt {
    margin-bottom: 25px;
}

.qa__item dt:before {
    display: table-cell;
    text-align: center;
    width: 40px;
    height: 43px;
    content: '';
    vertical-align: middle;
    background: #e60012;
    content: '\f128';
    color: #fff;
    font: normal normal normal 26px 'FontAwesome';
}
.qa__item dt span {
    display: table-cell;
    padding: 0 0 0 20px;
    vertical-align: middle;
}

.qa__item .dlsoftqa__text {
    font-size: 92.85714%;
    line-height: 1.9;
}

/*------------------------------------- info/about.tpl */
.about_title{
    padding: 10px 20px;
    margin: 60px 10px 20px 10px;
    font-size: 16px;
    color:#ff8f00;
    font-weight: bold;
    background: #ffe0b2;
    box-shadow: #ffe0b2 0 0 10px 10px;
    -webkit-box-shadow: #ffe0b2 0 0 10px 10px;
    -moz-box-shadow: #ffe0b2 0 0 10px 10px;
}
.about_text{
    font-size: 13px;
    margin-top:40px;
}
.about_rule{
    border: 2px solid #335C85;
    height:auto;
    padding:20px;
    margin-top:50px;
    text-align: center;
}
.about_rule_title{
    font-size: 15px;
    color:#5CD6D6;
    font-weight: bold;
}
.about_rule_text{
/*    width: 660px;*/
    font-size:13px;
    text-align: left;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;

}
/*------------------------------------- info/creator.tpl */
.creator_text{
    font-size: 15px;
}
.creator_rule{
    border: 2px solid #d50000;
    height: auto;
    padding:20px;
    margin-top: 50px;
    text-align: center;
}
.creator_rule_title{
    font-size:26px;
    color: #d50000;
    font-weight: bold;
}
.creator_rule_text{
    width: 660px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

/* アフィリエイト会員用 */
section.for_affiliater img {
    width: 200px;
    margin: 5px;
    border: none;
}

/* PAGE-TOP */
#page-top {
    position: fixed;
    z-index: 999;
    bottom: 20px;
    right: 20px;
    font-size: 50px;
}
#page-top a {
    background: #000;
    text-decoration: none;
    color: #fff;
    padding: 0px 15px 5px 15px;
    text-align: center;
    display: block;
    -moz-opacity: 0.7;
    opacity: 0.7;
    font-weight: bold;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
    color: #fff;
}

/* 年齢確認, 購入確認 */
div.age_verification,
div.order_check {
    position: fixed;
    display: none;
    background-color: #fff;
    z-index: 10001;
    width: 480px;
    padding: 10px;
    color: #111;
    text-align: center;
    border: 1px solid #FFF;
    border-radius: 10px;
}
div.button_overlay {
    position: absolute;
    width: 85%;
    height: 100%;
}

.none {
    display: none;
}

.cart_form {
    position: relative;
}
.cart_form button {
    width: 40%;
    padding: 0;
    margin: 0;
    background: none;
    border: 0;
    font-size: 0;
    line-height: 0;
    overflow: visible;
    cursor: pointer;
    display: block;
    float: left;
    margin-right: 15px;
    margin-top: 15px;
}
.cart_form .cart-balloon {
    position: absolute;
    z-index: 50;
    right: -40%;
    bottom: 38px;
    left: -100%;
    width: 18em;
    margin: auto;
    padding: 1em 0 1em;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
    background-color: #000;
    opacity: .75;
    z-index: 10000;
}
.cart_form .cart-balloon:before {
    position: absolute;
    left: 50%;
    bottom: -8px;
    margin-left: -8px;
    border-width: 8px 8px 0;
    border-style: solid;
    border-color: #000 transparent;
    content: "";
}
.wishlist li {
    position: relative;
}
.wishlist li .cart-balloon {
    position: absolute;
    z-index: 50;
    right: -80%;
    bottom: 43px;
    left: -100%;
    width: 10.5em;
    margin: auto;
    padding: 1em 0 1em;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
    background-color: #000;
    opacity: .75;
    z-index: 10000;
}
.wishlist li .cart-balloon:before {
    position: absolute;
    left: 50%;
    bottom: -8px;
    margin-left: -8px;
    border-width: 8px 8px 0;
    border-style: solid;
    border-color: #000 transparent;
    content: "";
}

/* ポイント還元アイコン */
div.product_price img.icon_point {
    vertical-align: middle;
    height: 32px;
    margin: 0px 0px 5px 5px;
}
div.item-info img.icon_point {
    vertical-align: middle;
    height: 25px;
    margin: 0px 0px 5px 5px;
}

/* 各種ボタン */
div.btn_set p {
    float: left;
    margin-right: 15px;
}

a.blacklist-btn {
    /*
    display: inline-block;
    padding: 1em 2em;
    line-height: 1;
    color: #F00;
    background-color: #FFF;
    text-decoration: none;
    border: 1px solid #F00;
    border-radius: 20px;
    */
    background: url('../images/buttons/blacklist.png') no-repeat;
    display: block;
    width: 220px;
    height: 57px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
a.blacklist-btn.blacklist-on {
    background: url('../images/buttons/blacklist_on.png') no-repeat;
}
a.blacklist-btn.disabled {
    background: url('../images/buttons/blacklist_disabled.png') no-repeat;
}

a.bookmark-btn {
    /*
    display: inline-block;
    padding: 1em 2em;
    line-height: 1;
    color: #00F;
    background-color: #FFF;
    text-decoration: none;
    border: 1px solid #00F;
    border-radius: 20px;
    */
    background: url('../images/buttons/bookmark.png') no-repeat;
    display: block;
    width: 220px;
    height: 57px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
a.bookmark-btn.bookmark-on {
    background: url('../images/buttons/bookmark_on.png') no-repeat;
}
a.bookmark-btn.disabled {
    background: url('../images/buttons/bookmark_disabled.png') no-repeat;
}

a.wishlist-btn {
    /*
    display: inline-block;
    padding: 1em 2em;
    line-height: 1;
    color: #0A0;
    background-color: #FFF;
    text-decoration: none;
    border: 1px solid #0A0;
    border-radius: 20px;
    */
    background: url('../images/buttons/wishlist.png') no-repeat;
    display: block;
    width: 220px;
    height: 57px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
a.wishlist-btn.wishlist-on {
    background: url('../images/buttons/wishlist_on.png') no-repeat;
}
a.wishlist-btn.disabled {
    background: url('../images/buttons/wishlist_disabled.png') no-repeat;
}

a.blacklist-btn.disabled,
a.bookmark-btn.disabled,
a.wishlist-btn.disabled {
    cursor: not-allowed;
}