/* common start*/
.custmerAreaPositionMb8 {
    margin-bottom: 8px;
  }
  .custmerAreaPositionMb30 {
    margin-bottom: 30px;
  }
  .custmerAreaPositionMb60 {
    margin-bottom: 60px;
  }
  .custmerAreaPositionMb80 {
    margin-bottom: 80px;
  }
  .custmerAreaPositionMb100 {
    margin-bottom: 100px;
  }
  .custmerAreaPositionMb160 {
    margin-bottom: 160px;
  }
  
  @media screen and (max-width: 520px) {
   .CouponCodeBtnTxt {
      font-size: 1.4em
   }
  }
  
  @media screen and (max-width: 640px) {
    .CouponCodeBtn {
        padding: 20px 1em;
        display: block;
    }
  }
  /*common end  */
  
  /* Breadcrumbs start */
  #detail-Breadcrumbs-list {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #ccc;
    margin: 0 0 8px 0;
  }
  #detail-Breadcrumbs-list li {
    padding: 4px 16px 4px 6px;
    background: url(https://content.bookoffonline.co.jp/files/common/images/parts/breadcrumbs.png) right center no-repeat;
  
  }
  #detail-Breadcrumbs-list li:last-child {
    background: none;
  }
  #detail-Breadcrumbs-list a {
    color: #000;
    font-size: 0.8em;
  }
  #detail-Breadcrumbs-list span {
    color: #000;
    font-size: 0.8em;
  }
  /* Breadcrumbs end */
  
    /* slider start*/
    html, body {
      margin: 0;
      padding: 0;
    }
    * {
      box-sizing: border-box;
    }
    .slider {
        width: 50%;
        margin: 100px auto;
    }
    .slick-slide {
      margin: 0px 20px;
    }
    .slick-slide img {
      width: 100%;
    }
    .slick-prev:before,
    .slick-next:before {
      color: black;
    }
    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    .slick-active {
      opacity: .5;
    }
    .slick-current {
      opacity: 1;
    }
    .slick-dots li button:before {
      content: '\2022';
      font-size: 20px;
    }
    .SellCategoryboxGenreTitleArea-cp {
      text-align: center;
    }
  /* slider end */
  
  .slider {
    display: flex;
    margin: 0 auto 80px;
    width: 80%;
  }
  
  .sliderWrap .sliderInner img{
    max-width: 100%;
    height: auto;
  }
  .slick-active {
    opacity: 1;
  }
  .slick-slide {
    opacity: 1;
  }
  .slick-prev:before {
    position: absolute;
    content: url(https://content.bookoffonline.co.jp/mbfiles/assets/material/arrow.png);
    transform: rotate(180deg);
    right: 10px;
  }
  .slick-next:before {
    position: absolute;
    content: url(https://content.bookoffonline.co.jp/mbfiles/assets/material/arrow.png);
  }
  
  @media screen and (max-width:767px) {
    .slider {
      overflow-x: scroll;
      width: 95%;
      margin: 0 0 20px 5%;
    }
    .sliderWrap .sliderInner img {
      max-width: inherit;
      width: 150px;
    }
  }
  
  /* #applicable start */
  #applicable {
    margin: 0 20px 80px;
  }
  .applicableInner {
    display: flex;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
  #applicable .applicableInner:nth-of-type(4) {
    border-bottom: 1px solid #ccc;
  }
  .applicableInnertextWrap {
     border-right: 1px solid #ccc;
  }
  .applicableInner--brandName {
    text-align: center;
  }
  .applicableInnertextWrap {
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f1f4f9;
  }
  .applicableInner--brandDescription {
    width: 69%;
    letter-spacing: 0.35px;
    padding: 12px;
    font-size: 14px;
    font-family: "Meiryo UI", "?l?r ?o?S?V?b?N", "MS-PGothic", "Hiragino Kaku Gothic Pro", osaka, Verdana, Arial, Georgia, "???C???I", "Meiryo", "MS UI Gothic", sans-serif;
  }
  
  @media screen and (max-width:520px) {
    .applicableInner {
      display: block;
    }
    .applicableInnertextWrap {
      width: 100%;
      padding: 15px;
    }
    .applicableInner--brandDescription {
      width: 100%;
    }
    .applicableInner,.applicableInnertextWrap,#applicable .applicableInner:nth-of-type(4) {
      border: none;
    }
  }
  /* #applicable end */
  
  /*sell start*/
  .SellPC-SellCategory-TitleImage {
    width: 980px;
    height: 580px;
  }
  .SellMB-SellCategory-TitleImage {
    width: 100%;
    height: auto;
  }
  .brand-list {
    font-size: 16px;
    color: #333;
    line-height: 1.6;
  }
  .SellCategory-TitleArea {
    margin-bottom: 20px;
  }
  @media screen and (max-width: 980px){
    .SellCategory-TitleImage {
      width: 100%;
      height: auto;
    }
  }
  .lead {
    background: #fff;
    padding: 22px 10px 18px;
    text-align: center;
  }
  @media screen and (max-width: 980px){
    .lead {
      text-align: left;
    }
  }
  .lead-txt {
    font-size: 1rem;
    line-height: 1.6;
    color: #333333;
  }
  .SellHeadline {
    color: #333333;
    font-weight: normal;
    text-align: left;
    line-height: 1;
    font-size: 1.5rem;
    background: #F5F5F5;
    border-left: 8px solid #3360A9;
    padding: 10px 20px 11px;
    margin-bottom: 20px;
  }
  @media screen and (min-width: 768px) {
    .SellHeadline {
      margin: 0 20px 40px;
    }
  }
  @media screen and (max-width: 320px) {
    .SellHeadline {
      font-size: 1.1rem;
    }
  }
  .SellContents div {
    box-sizing: border-box;
  }
  .SellCategoryContents {
    padding: 0 26px;
    line-height: 1.6;
    font-size: 0;
    text-align: left;
    box-sizing: border-box;
  }
  .SellCategoryContents p,
  .SellCategoryContents li,
  .SellCategoryContents dt,
  .SellCategoryContents dd,
  .SellCategoryContents h2,
  .SellCategoryContents h3 {
    font-size: 16px;
    list-style-type: none;
  }
  .SellCategoryContents li {
    margin-bottom: 0;
  }
  
  @media screen and (min-width:520px) {
    .SellCategoryListMarkItemExplanation {
      padding-top: 40px;
    }
  }
  .SellCategorybox {
    font-size: 1rem;
    line-height: 1;
    text-align: center;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    box-sizing: border-box;
    margin-bottom: 40px;
    vertical-align: top;
    padding: 0 8px;
  }
  .SellCategoryboxImage {
    width: 100%;
    height: auto;
  }
  .SellCategorybox a,
  .SellCategoryboxGenreTitleArea {
    display: block;
    font-size: 16px;
    margin: 0 auto;
  }
  .SellCategorybox a {
    cursor: pointer;
  }
  .PurchaseCategoryItemContents .SellCategoryboxGenreTitle-txt-cp {
    color: #369;
    text-decoration:underline ;
  }
  .SellCategoryContentsImageArea {
    display: block;
    font-size: 16px;
    margin: 0 auto;
  }
  .SellCategoryboxImageArea {
    display: block;
    margin-bottom: 8px;
  }
  .PurchaseCategoryItemContents .SellCategoryboxImageArea:hover {
    opacity: 0.5;
  }
  .PurchaseCategoryItemContents .SellCategoryboxGenreTitle-txt-cp:hover {
    color: #333;
  }
  @media screen and (max-width: 767px) {
    .SellCategoryboxImageArea {
      margin: 0 auto 8px;
      max-width: 150px;
    }
  }
  .SellCategoryContentsImage--attribute {
    width: 80%;
    height: auto;
    display: block;
    margin: 0 auto 20px;
  }
  .SellCategoryContentsImage--flow {
    width: 60%;
    height: auto;
    max-width: 240px;
    display: block;
    margin: 0 auto 20px;
  }
  .SellCategoryboxGenreTitle-txt {
    font-size: .875rem;
    line-height: 1.5;
    font-weight: bold;
    color:#333;
    word-break: break-all;
    margin-bottom: 10px;
  }
  a .SellCategoryboxGenreTitle-txt {
    color: #333;
    text-decoration: underline;
    word-break: break-all;
  }
  .SellCategoryboxGenrePrice-txt {
    display: inline-block;
    color: #FF3030;
    line-height: 1.5;
    width: 100%;
  }
  
  .SellCategoryContentsTxtArea {
    font-size: 16px;
  }
  .SellCategoryContentsFlowList {
    font-size: 16px;
    margin: 0 0 0 4%;
  }
  @media screen and (max-width: 768px) {
    .SellCategoryContentsTxtArea {
      padding: 0 0 20px 0;
    }
    .SellCategoryContentsImage--attribute {
      width: 100%;
    }
  }
  @media screen and (min-width: 768px) {
    .SellCategoryboxGenreTitle-txt {
      font-size: 1.125rem;
    }
    .SellCategoryContentsImageArea {
      font-size: 16px;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      width: 40%;
      box-sizing: border-box;
      vertical-align: top;
      }
    .SellCategoryContentsFlowList {
        display: inline-block;
        width: 56%;
    }
  }
  .SellCategoryHeadlineSecondary {
    font-size: 1rem;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
    margin-bottom: 10px;
    display: flex;
  }
  .SellCategoryHeadlineSecondary--icon {
    margin: 0 15px 0 0;
    justify-content: center;
  }
  .SellCategoryListMarkItrem {
    font-size: .875rem;
    color: #333;
  }
  .SellCategoryContents-col4 .SellCategorybox {
    width: 25%;
    margin: 0 0 80px 0;
  }
  @media screen and (max-width: 767px) {
    .SellCategoryContents-col4 .SellCategorybox {
      width: 50%;
    }
  }
  .SellCategoryContents-col4 {
    font-size: 0;
  }
  .SellCategoryContents-col4 a {
    cursor: pointer;
  }
  .SellCategoryContents-col4 .SellCategoryboxImage {
    max-width: 140px;
  }
  @media screen and (min-width: 768px) {
    .SellCategoryContents-col4 .SellCategoryboxImage {
      max-width: 160px;
    }
  }
  /*sell end*/
  
  
  /* sellList start */
  .sellListArea {
      margin: 0 24px 0;
    padding: 0 10px 0;
      line-height: 1.6;
  }
  .sellListTextArea {
    display: flex;
    flex-wrap: wrap;
  }
  
  .sellListTextArea p {
    padding: 10px 34px;
    background-color: #ffe;
    margin: 0 10px 10px 0;
    border-radius: 25px;
  }
  .sellList .UGFAQHeading {
    color: #000;
  }
  
  .sellList .SellContents-btnArea {
    margin: 30px 0 0 0;
  }
  
  @media screen and (max-width:520px) {
    .sellListArea {
      margin-right: 0;
    }
  }
  /* sellList end */
  
  /*brand start*/
  #SellHeadlineSectionWrap {
    margin-bottom: 60px;
  }
  .SellHeadline--fontsize {
    margin-bottom:36px;
  }
  .SellCategoryItemscroll {
    padding: 0 120px;
    position: relative;
  }
  @media screen and (max-width: 767px) {
    .SellCategoryItemscroll {
      padding: 0;
    }
  }
  .arrow-back {
    position: absolute;
    background: url(https://content.bookoffonline.co.jp/mbfiles/assets/material/arrow.png) no-repeat 0 0;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 0;
    margin-top: -18px;
    cursor: pointer;
    transform: rotate(180deg);
  }
  .arrow-next {
    position: absolute;
    background: url(https://content.bookoffonline.co.jp/mbfiles/assets/material/arrow.png) no-repeat 0 0;
    width: 36px;
    height: 36px;
    top: 50%;
    right: 0;
    margin-top: -18px;
    cursor: pointer;
  }
  @media screen and (max-width: 767px) {
    .arrow-back,
    .arrow-next {
      display: none;
    }
  }
  .SellCategoryItemContents {
    overflow-x: hidden;
    margin: 0 0 80px;
  }
  .SellCategoryItemContentsCampaign {
    margin: 0 20px 0px;
  }
  .SellCategoryContents-col4scroll {
    width: 200vw;
    display: flex;
  }
  @media screen and (max-width: 767px) {
    .SellCategoryContents-col4scroll {
      width: 480vw;
    }
  }
  .SellCategorybox {
    width: calc(100%/7);
    margin: 0;
  }
  .SellCategoryboxGenrePrice-txt-head {
    padding: 0 0 4px 0;
    display: block;
  }
  .SellCategoryboxGenrePrice-txt {
    font-weight: bold;
    padding: 0 0 12px 0;
  }
  .textaligncenter {
    text-align: center;
  }
  .SellCategoryContents--fontsize {
    font-size: 16px;
  }
  .SellHeadline--fontsize {
    font-size: 28px;
  }
  .SellContents-btnArea {
    font-size: 16px;
  }
  .SellContents-btnAreaPosition {
    justify-content: center;
    display: flex;
  }
  .SellContents-btnArea {
    border: 1px solid #888888;
    border-radius: 5px;
    max-width: 300px;
    margin: 0 0 30px 0;
  }
  @media screen and (min-width: 768px) {
    .SellContents-btnArea {
      max-width: 360px;
    }
  }
  .SellContents-btnArea a {
    padding: 22px 60px;
  }
  @media screen and (max-width: 767px) {
    .SellContents-btnArea a {
      padding: 22px 50px;
    }
  }
  .SellContents-btnTxtMain {
    display: block;
    padding: 0 0 8px 0;
  }
  .SellContents-btnTxtSub {
    font-size: 12px;
  }
  .flex {
    display: flex;
  }
  .block {
    display: block;
  }
  .txtbold {
    font-weight: bold;
  }
  .SellCategoryContentsTxtRound {
    background-color: #ffe;
    border-radius: 100px;
    margin: 30px 0 40px 30px;
  }
  @media screen and (max-width: 767px) {
    .SellCategoryContentsTxtRound {
      margin: 4px 0 4px 10px;
    }
  }
  .SellCategoryContentsTxtRoundDetail {
    padding: 12px 20px;
    display: block;
    font-weight: bold;
  }
  /*brand end*/
  /*customer start*/
  .LpContents {
    margin: 0 18px 100px;
  }
  @media screen and (max-width: 767px) {
    .LpContents {
      margin: 0 0 60px;
    }
  }
  .LpContentsBG-gray {
    padding-top: 20px;
    padding-bottom: 20px;
      background-color: #f3f3f3;
  }
  .LpContentsInner {
    padding-left: 3%;
    padding-right: 3%;
    text-align: center;
  }
  .col2-customer {
    padding: 4%;
    background-color: #fff;
    border-radius: 20px;
  }
  .col2 {
    font-size: 0;
    line-height: 0;
  }
  .LpContentsImgArea {
    margin-top: 0.5em;
    width: 16%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    font-size: 16px;
    line-height: 1.6;
    vertical-align: top;
  }
  .LpContents img {
    width: 100%;
    height: auto;
  }
  @media screen and (min-width: 768px) {
    .LpContents img {
      width: 70%;
      height: auto;
    }
  }
  .LpContentsTxtArea {
    width: 84%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: left;
    font-size: 16px;
    line-height: 1.6;
  }
  .Balloon .LpContentsTxtBox {
    margin-left: 4%;
    padding: 0;
    border-radius: 20px;
    background-color: #fff;
  }
  .LpContentsTxt {
    font-size: 0.875em;
  }
  @media screen and (min-width: 768px) {
    .LpContentsTxt {
      font-size: 1em;
    }
  }
  /*customer end*/
  
  .SellCategoryContentsSellHeadline {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 80px;
    padding: 0 30px;
  }
  .SellCategoryContentsSellHeadlineInnerBox {
    width: 23%;
  }
  .SellCategoryContentsSellHeadTextArea {
    text-align: center;
  }
  @media screen and (max-width: 768px) {
    .SellCategoryContentsSellHeadline {
      padding: 0 5%;
    }
    .SellCategoryContentsSellHeadlineInnerBox {
      width: 40%;
    }
  }
  
  /* modal start */
  #CanNotSell .ModalContents{
    height: 60%;
  }
  #CanNotSell .ModalContentsTxt {
    margin: 0 0 20px 0;
  }
  /* modal end */
  /*comparison start*/
  #comparison .C1,
  #comparison .C2,
  #comparison .C3,
  #comparison .C4 {
    width: 23%;
  }
  #comparison .C1 {
    background-color: #fff;
  }
  #comparison table {
    margin: 0 20px;
    line-height: 1.5;
    background-color: #fff;
    word-break: break-all;
    overflow: hidden;
    table-layout: fixed;
  }
  .comparisonDetail {
    text-align: center;
  }
  .comparisonDetailIcon img {
    width: 30%;
    height: auto;
  }
  @media screen and (max-width: 768px) {
    .comparisonDetailIcon img {
      width: 70%;
  }
  }
  @media screen and (max-width: 520px) {
    .comparisonDetailIcon img {
      width: 100%;
  }
  }
  #comparison table,
  #comparison tr,
  #comparison th,
  #comparison td {
    border-collapse: collapse;
    border: 1px solid #ccc;
  }
  #comparison th {
    background-color: #f1f4f9;
    font-size: 0.885em;
    font-weight: bold;
    text-align: center;
  }
  #comparison td {
    padding: 12px;
    font-size: 16px;
  }
  .comparisonDetail--pickUpText {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #003796;
  }
  @media screen and (max-width: 768px) {
    #comparison p {
      font-size: 14px;
    }
  }
  @media screen and (max-width: 520px) {
    #comparison p {
      font-size: 12px;
    }
  }
  /*comparison end*/
  /*faq*/
  .UGFAQContentArea{
      padding: 0 0 50px;
  }
  .UGFAQ{
      margin: 0 30px;
      border-bottom: 1px solid #ccc;
  }
  .UGFAQHeading{
      padding: 12px 34px;
      color: #369;
      font-size: 1em;
      background-image: url(https://content.bookoffonline.co.jp/files/user-guide/images/arrow-down@3x.png);
      background-position: 6px 50%;
      background-size: 22px; 
      background-repeat: no-repeat;
      cursor: pointer;
      background-image: url(https://content.bookoffonline.co.jp/files/user-guide/images/arrow-down@1x.png)\9;
      *background-image: url(https://content.bookoffonline.co.jp/files/user-guide/images/arrow-down@1x.png);
  }
  .UGFAQHeading:hover{
      background-color: #f5f5f5;
  }
  .js-accordion-area{
      display: none;
  }
  .UGFAQ .is-present{
      color: #000;
      background-color: transparent;
  }
  .UGFAQ .is-present:hover{
      background-color: transparent;
  }
  .UGFAQTxtArea{
      margin: 0 24px 14px;
      padding: 10px;
      background-color: #ffe;
      line-height: 1.6;
  }
  .UGFAQTxt{
      line-height: 1.6;
  }
  .UGFAQTxt p{
      font-size: .9em;
      line-height: 1.6;
  }
  .UGFAQTxt + .UGFAQTxt{
      padding: .7em 0 0;
  }
  
  /*faq end*/
  
  .ModalHeading {
    font-weight: bold;
  }
  
  .SellNoteArea {
    text-align: left;
  }
  
  /*footer start*/
  #PageTop a img{
      width: 50px;
      height: 50px;
  }
  /*footer end*/