@charset "UTF-8";
/* **********************************************
    ツキネコオンラインショップ プライバシーポリシーページ
    
    デスクトップ（ベース）
    タブレット（max-width: 1030px）
    スマホ（max-width: 767px）
    ★デスクトップ限定も追加
    
 ********************************************** */
/* ===== desktop ===== */
@media screen and (min-width: 1031px) {
}
/* ===== PC wide ===== */
@media screen and (min-width: 1280px) {
}
/* ===== tablet ===== */
@media screen and (max-width: 1030px) {
}
/* ===== mobile ===== */
@media screen and (max-width: 767px) {
}
/******************************/
/* privacy policy（override） */
/******************************/

/* 全体の読みやすさ */
.u-contents {
  max-width: 860px;
  margin: 0 auto;
  padding: 40px 20px;
  line-height: 1.9;
  font-size: 15px;
  color: #333;
}
/* ===== tablet ===== */
@media screen and (max-width: 1030px) {
    .u-contents {
      max-width: 860px;
      margin: 0 auto;
      padding: 40px 5px;
      line-height: 1.9;
      font-size: 15px;
      color: #333;
    }
}

/* タイトル */
.c-ttl-main {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 30px;
  letter-spacing: 0.05em;
  text-align: center;
}

/* 冒頭説明文 */
.u-contents > p {
  margin-bottom: 40px;
  line-height: 1.8;
}

/* 各セクションボックス */
.p-privacy-box {
  margin: 50px 0;
  padding: 30px 25px;
  background: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 6px;
}
/* ===== tablet ===== */
@media screen and (max-width: 1030px) {
    /* 各セクションボックス */
    .p-privacy-box {
      margin: 50px 0;
      padding: 25px 20px;
      background: #fafafa;
      border: 1px solid #e8e8e8;
      border-radius: 6px;
    }
}

/* 見出し */
.c-ttl-second {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  padding-left: 10px;
  border-left: 4px solid #ccc;
}

/* 本文 */
.p-privacy-box p {
  margin: 0;
  line-height: 1.8;
}

/* パンくず */
.c-breadcrumbs {
  font-size: 12px;
  margin-bottom: 20px;
}

.c-breadcrumbs-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.c-breadcrumbs-list__item {
  color: #666;
}

.c-breadcrumbs-list__item a {
  color: #666;
  text-decoration: none;
}

.c-breadcrumbs-list__item a:hover {
  text-decoration: underline;
}
/******************************/
/* link style override */
/******************************/

.u-contents a {
  color: #2b6cb0; /* 好きな色に変更OK */
  text-decoration: underline;
  text-underline-offset: 2px;
}

.u-contents a:hover {
  color: #1a4f8a;
  text-decoration: none;
}

/* パンくずだけは少し控えめにするなら */
.c-breadcrumbs a {
  color: #777;
  text-decoration: none;
}

.c-breadcrumbs a:hover {
  text-decoration: underline;
}