@charset "utf-8";
/*===============================================
タブレット・スマートフォンの幅で、写真や枠がパソコン用の固定幅(600〜980px)のまま横にはみ出すのを防ぐ。
992px 以下だけに効く(パソコンの表示は変えない)。
対象: css/regular/ の組のページ(会社概要、採用情報、婚礼、内祝い、お手入れ、ギフトラッピング、お知らせ、
問い合わせ・採用の完了ページ)、新年のご挨拶 2018、サイトマップ、陽雅堂について、鎌倉彫の成り立ち。
===============================================*/
@media screen and (max-width: 992px) {
  /* 写真は画面の幅を上限にして縦横比を保つ */
  img {
    max-width: 100%;
    height: auto;
  }
  /* 固定幅の枠を画面の幅に収める */
  .Width_750,
  .CareDiv,
  .MainSetDiv,
  .MainSetDiv_MainImgDiv,
  .MainSetDiv_ContentsDiv,
  .Trade-LawDiv,
  .PrivacyDiv,
  .About_Font_HeightDiv,
  #cont {
    max-width: 100%;
    box-sizing: border-box;
  }
  iframe {
    max-width: 100%;
  }
  table {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  /* スマートフォンの幅では、文章の枠の左右に余白を取る */
  .Width_750,
  .CareDiv,
  .Trade-LawDiv,
  .PrivacyDiv,
  #cont {
    width: auto;
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* --- ページごとの固定幅の枠(992px 以下) --- */
@media screen and (max-width: 992px) {
  /* 採用情報: 募集要項の枠と応募フォームの入力欄 */
  .RecruitDiv_RequirementsDiv {
    max-width: 100%;
    box-sizing: border-box;
  }
  input,
  textarea,
  select {
    max-width: 100%;
    box-sizing: border-box;
  }
  /* お手入れ: 中の写真・文章・よくある質問の枠 */
  .CareDiv div {
    max-width: 100%;
    box-sizing: border-box;
  }
  /* ギフトラッピング: 左の写真の枠 */
  .MainSetDiv_LeftDiv {
    max-width: 100%;
  }
  /* 会社概要・特定商取引法など: 長い URL やメールアドレスを画面の端で折り返す */
  .Trade-LawDiv,
  .PrivacyDiv {
    overflow-wrap: break-word;
  }
}
/* 鎌倉彫の成り立ち: 縦書きの文章は枠を縮めると文字があふれるため、タブレットの幅ではスマートフォン用の横書きの文章を出す */
@media screen and (min-width: 768px) and (max-width: 992px) {
  .Tablet_To_SP_Hide {
    display: none !important;
  }
  .Tablet_To_SP_Show {
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  /* お手入れ・ギフトラッピング: 左右に並んだ写真と文章を縦に積む */
  .CareDiv_LeftImgDiv,
  .CareDiv_RightSentenceDiv,
  .MainSetDiv_LeftDiv,
  .MainSetDiv_RightDiv {
    float: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* 長いメールアドレスや URL を含む文章を、画面の端で折り返す(採用情報の注意書きなど) */
  .BodyDiv {
    overflow-wrap: break-word;
  }
  /* 会社概要・特定商取引法など: 左に浮かせた見出しと、210px 空けた値の並びを、見出しの下に値を置く形にする */
  .Trade-LawDiv dl {
    font-size: 16px;
  }
  .Trade-LawDiv dl dt {
    float: none;
    padding-bottom: 0;
    font-weight: bold;
  }
  .Trade-LawDiv dl dd {
    padding-left: 5px;
  }
  /* 新年のご挨拶 2018: 本文の枠(570px 固定) */
  body > div:not([class]):not([id]) {
    max-width: 100%;
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}