@charset "UTF-8";

/*
  Legacy content support extracted from:
  - /common/css/reset.css
  - /common/css/style.css
  - /common/css/sp.css

  Scope:
  - Category header free area: #main-column .header_area
  - Free pages: #main-column #Journal / #main-column #JournalList

  Do not include old global layout rules for #wrapper, #contents,
  #main-column, header, footer, item detail, cart, or side column.
*/

/* Shared legacy helpers used inside migrated content */
#main-column .header_area .fl,
#main-column #Journal .fl,
#main-column #JournalList .fl {
  float: left;
}

#main-column .header_area .fr,
#main-column #Journal .fr,
#main-column #JournalList .fr {
  float: right;
}

#main-column .header_area .clearfix::after,
#main-column #Journal .clearfix::after,
#main-column #JournalList .clearfix::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#main-column .header_area .clearfix,
#main-column #Journal .clearfix,
#main-column #JournalList .clearfix {
  min-height: 1px;
}

/* Category header / old category free area */
#main-column .header_area .itempage {
  width: 1000px;
  max-width: 100%;
  margin: auto;
  background: #fff;
  box-sizing: border-box;
}

#main-column .header_area .itempage > img {
  margin-bottom: 20px;
}

#main-column .header_area .itempage_inner {
  text-align: center;
}

#main-column .header_area .itempage_inner .clearfix {
  padding: 30px;
  font-size: 15px;
  line-height: 1.8;
  text-align: left;
  box-sizing: border-box;
}

#main-column .header_area .itempage_inner .clearfix .fl {
  margin: 0 20px 0 0;
}

#main-column .header_area .fl45 {
  float: left;
  width: 45%;
}

#main-column .header_area .fl452 {
  float: left;
  width: 45%;
  padding: 20px 0;
}

#main-column .header_area .fr55 {
  float: right;
  width: 50%;
  padding: 10px;
  box-sizing: border-box;
}

#main-column .header_area .fr53 {
  float: right;
  width: 53%;
}

#main-column .header_area .komidashi_ttl {
  clear: both;
  border-left: solid 10px orange;
  border-bottom: solid 1px gray;
  font-size: 140%;
  font-weight: bold;
  padding: 10px;
  box-sizing: border-box;
}

#main-column .header_area .cat_itemlist {
  padding: 0 !important;
  margin: 0 !important;
}

/* Free page base */
#main-column #Journal,
#main-column #JournalList {
  width: 1000px;
  max-width: 100%;
  margin: auto;
  font-size: 14px;
  box-sizing: border-box;
}

#main-column #Journal h1,
#main-column #Journal h2,
#main-column #Journal article > article,
#main-column #Journal .state_r {
  display: none;
}

#main-column #Journal h2 {
  font-size: 20px;
  font-weight: bold;
}

#main-column #Journal .journal-cont p {
  font-size: 14px;
  line-height: 1.5;
}

#main-column #Journal .journal-cont ul,
#main-column #JournalList .journal-cont ul {
  padding: 0 !important;
  margin: 0 !important;
}

#main-column #Journal .journal-cont ul li,
#main-column #JournalList .journal-cont ul li {
  list-style-type: none;
}

/* Free page list */
#main-column #JournalList article > article,
#main-column #JournalList .state_l {
  display: none;
}

#main-column #JournalList h1 {
  width: 100%;
  min-height: 58px;
  background: url("https://www.azuma-arare.co.jp/pic-labo/infomation_ttl.png") no-repeat left top !important;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}

#main-column #JournalList h2 {
  font-size: 14px;
}

#main-column #JournalList h2::before {
  content: "・";
}

#main-column #JournalList h2 a {
  text-decoration: none;
}

#main-column #JournalList article {
  margin-bottom: 20px !important;
}

#main-column #JournalList .journal-cont {
  display: none;
}

/* Free page common parts */
#main-column #Journal .qanda {
  margin-top: 50px;
}

#main-column #Journal .qanda h3 {
  margin: 30px 0 15px;
  font-size: 22px;
  font-weight: bold;
  border-left: solid 5px #111;
  padding: 8px 0 8px 10px;
}

#main-column #Journal .qanda span {
  display: inline-block;
  margin: 20px 0 10px;
  font-size: 18px;
  font-weight: bold;
}

#main-column #Journal details {
  border: 1px solid #ccc;
}

#main-column #Journal details:not(:last-child) {
  margin-bottom: 10px;
}

#main-column #Journal details summary {
  list-style: none;
  cursor: pointer;
  padding: 10px;
  background: #cd5c5c;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
}

#main-column #Journal details summary::-webkit-details-marker {
  display: none;
}

#main-column #Journal details p {
  margin: 0;
  padding: 10px;
}

/* Free page: guide */
#main-column #Journal #shopping,
#main-column #Journal #shopGuide_wrap {
  width: 1000px;
  max-width: 100%;
  margin: auto;
  box-sizing: border-box;
}

#main-column #Journal .shopping_img {
  float: left;
}

#main-column #Journal .shopping_text {
  overflow: hidden;
}

/* Responsive support for old content only */
@media screen and (max-width: 768px) {
  #main-column .header_area .pc_only,
  #main-column #Journal .pc_only,
  #main-column #JournalList .pc_only {
    display: none !important;
  }

  #main-column .header_area .sp_only,
  #main-column #Journal .sp_only,
  #main-column #JournalList .sp_only {
    display: block !important;
  }

  #main-column .header_area .fl45,
  #main-column .header_area .fl452,
  #main-column .header_area .fr55,
  #main-column .header_area .fr53 {
    float: none;
    width: 100%;
    margin-right: 0;
  }

  #main-column .header_area .fl45,
  #main-column .header_area .fl452 {
    margin-bottom: 20px;
  }

  #main-column .header_area .itempage,
  #main-column #Journal,
  #main-column #JournalList,
  #main-column #Journal #shopping,
  #main-column #Journal #shopGuide_wrap {
    width: 96% !important;
  }

  #main-column .header_area .itempage_inner .clearfix {
    padding: 15px !important;
  }

  #main-column .header_area .itempage_inner .clearfix img {
    margin: 0 !important;
    float: none !important;
    max-width: 100%;
    height: auto;
  }

  #main-column .header_area .komidashi_ttl {
    line-height: 1.3;
  }

  #main-column .header_area .cat_itemlist,
  #main-column .header_area .cat_itemlist li {
    width: 100% !important;
    float: none !important;
    box-sizing: border-box;
  }

  #main-column #Journal #shopping h2,
  #main-column #Journal #shopGuide_wrap h1 {
    width: 100% !important;
    box-sizing: border-box;
    overflow: hidden;
  }

  #main-column #Journal #shopping_left,
  #main-column #Journal #shopping_main,
  #main-column #Journal #shop_left,
  #main-column #Journal #shop_main,
  #main-column #Journal #company_left,
  #main-column #Journal #company_main,
  #main-column #Journal #history_left,
  #main-column #Journal #history_main,
  #main-column #Journal #recruit_left,
  #main-column #Journal #recruit_main {
    width: 100% !important;
    float: none !important;
  }

  #main-column #Journal #shopping_main,
  #main-column #Journal #shop_main,
  #main-column #Journal #company_main,
  #main-column #Journal #history_main,
  #main-column #Journal #recruit_main {
    margin-top: 50px;
  }

  #main-column #Journal .shopping_img,
  #main-column #Journal .shopping_text {
    width: 100% !important;
    float: none !important;
  }

  #main-column #Journal .shopping_img {
    margin-bottom: 20px;
  }

  #main-column #Journal .shopping_div > div {
    width: 100% !important;
    margin-bottom: 10px !important;
    box-sizing: border-box;
  }

  #main-column #Journal .enkaku dt,
  #main-column #Journal .enkaku dd {
    width: 100% !important;
    float: none !important;
    box-sizing: border-box;
  }

  #main-column #Journal .enkaku dt {
    padding: 10px 0 !important;
  }

  #main-column #Journal .enkaku dt br {
    display: none;
  }

  #main-column #Journal .enkaku li span {
    display: block !important;
    font-weight: bold;
    border: 0 !important;
    margin-right: 0;
  }

  #main-column #Journal .recruit_process li div.pro_text {
    width: calc(100% - 90px) !important;
  }

  #main-column #Journal #link h2 {
    width: 100% !important;
    box-sizing: border-box;
    overflow: hidden;
  }

  #main-column #Journal #link ul li {
    width: 100% !important;
    float: none !important;
  }

  #main-column #Journal #wrapping {
    width: 100% !important;
  }

  #main-column #Journal article #wrapping ul {
    width: 100% !important;
    margin: 0 !important;
    padding: 20px 10px !important;
    box-sizing: border-box;
  }

  #main-column #Journal article #wrapping li {
    width: 48% !important;
    margin-right: 4% !important;
    box-sizing: border-box;
  }

  #main-column #Journal article #wrapping li:nth-child(2n) {
    margin-right: 0 !important;
  }

  #main-column #Journal article #wrapping li img {
    width: 90% !important;
  }

  #main-column #JournalList h1 {
    width: 100% !important;
  }
}