/* =========================================
   MoonSail 共通テンプレート 1カラム化
   カラーミーキット（2カラム）調整用
========================================= */

#wrapper.ms-common-wrapper,
#wrapper,
#container,
.container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ms-common-header {
  width: 100%;
  background: #f8f5ef;
  border-bottom: 1px solid #e5ddd2;
  position: relative;
  z-index: 20;
}

.ms-common-header-inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 22px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
}

.ms-common-logo {
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "Times New Roman", serif;
  font-size: 24px;
  line-height: 1.4;
  letter-spacing: 0.08em;
  color: #1f2529;
  white-space: nowrap;
}

.ms-common-logo a,
.ms-common-logo a:link,
.ms-common-logo a:visited,
.ms-common-logo a:hover {
  color: #1f2529 !important;
  text-decoration: none !important;
}

.ms-common-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 18px;
}

.ms-common-nav a {
  color: #2a2520 !important;
  font-size: 13px;
  text-decoration: none !important;
  letter-spacing: 0.04em;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.ms-common-nav a:hover {
  color: #b58a52 !important;
}

#contents.ms-common-main,
#contents {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  display: block !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 auto !important;
}

#contents .row,
#wrapper .row,
.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#contents.col,
#contents.col-lg-9,
#contents.col-sm-12,
.col,
.col-lg-3,
.col-lg-4,
.col-lg-8,
.col-lg-9,
.col-lg-12,
.col-sm-12 {
  float: none !important;
  max-width: 100% !important;
}

#side,
#sidebar,
.side,
.sidebar,
#left-column,
#right-column,
.left-column,
.right-column {
  display: none !important;
}

form[action*="mode=srh"],
.search-box,
.shop-search,
.category,
.category-list,
.category_nav,
.group-list,
.grp-lst,
.prd-lst,
#prd-lst,
.product-list,
.history-unit,
.recently-viewed,
.ranking,
.recommend,
.recommend-list,
.calendar,
.cal {
  display: none !important;
}

.view-cart,
.btn-viewcart,
a[href*="cart/proxy/basket"],
a[href*="mode=myaccount"],
a[href*="mode=login"],
a[href*="mode=srh"],
a[href*="rss"],
a[href*="atom"] {
  display: none !important;
}

#footer,
#footer-wrapper,
footer,
.footer,
.shop-footer,
#shopFooter,
.footer-primary,
.footer-secondary,
.footer-nav,
.footer_menu,
.social-nav,
#footer-bottom,
#footer_menu,
#colorme,
#powered,
.powered,
.powered-by,
.powered-by-colorme,
.colorme-footer,
.colormeShopFooter,
address.copyright,
address.copyright img.powered {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

a[href*="colorme"],
img[alt*="カラーミーショップ"],
img[alt*="Color Me Shop"],
img[src*="powered"] {
  display: none !important;
}

.ms-site {
  width: 100% !important;
  margin: 0 auto !important;
}

.ms-site .ms-inner,
.ms-site .ms-hero-box {
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* プライバシーポリシー標準ページ用 */
.ms-privacy-page {
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* お問い合わせフォームページ用の大枠 */
body {
  background-color: #f8f5ef;
}

@media screen and (max-width: 768px) {
  .ms-common-header-inner {
    padding: 18px 20px;
    display: block;
  }

  .ms-common-logo {
    margin-bottom: 14px;
    font-size: 22px;
  }

  .ms-common-nav {
    justify-content: flex-start;
    gap: 10px 16px;
  }

  .ms-common-nav a {
    font-size: 12px;
  }

  #wrapper,
  #container,
  .container,
  .row,
  .col,
  #contents {
    width: 100% !important;
    max-width: 100% !important;
  }
}