@charset "utf-8";
/* CSS Document */

/*---------------------------------------------
 共通
---------------------------------------------*/
.pan-list-inline {
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#gift  {
  font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
  position: relative;
  margin: 0 auto;
  padding: 0;
  line-height: 1.6;
}

/* レイアウト */
.m-container {
  width: auto;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  padding-left: 48px;
  padding-right: 48px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
}
.row {
  margin-right: -14px;
  margin-left: -14px;
}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  position: relative;
  min-height: 1px;
  padding-left: 14px;
  padding-right: 14px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.col-sm-1 {
  width: 8.33333333%;
}
.col-sm-2 {
  width: 16.66666667%;
}
.col-sm-3 {
  width: 25%;
}
.col-sm-4 {
  width: 33.33333333%;
}
.col-sm-5 {
  width: 41.66666667%;
}
.col-sm-6 {
  width: 50%;
}
.col-sm-7 {
  width: 58.33333333%;
}
.col-sm-8 {
  width: 66.66666667%;
}
.col-sm-9 {
  width: 75%;
}
.col-sm-10 {
  width: 83.33333333%;
}
.col-sm-11 {
  width: 91.66666667%;
}
.col-sm-12 {
  width: 100%;
}
.m-container:after, .row:after, .m-goods-grid:after, .m-service-list:after {
  clear: both;
  }
.m-container:before, .m-container:after, .row:before, .row:after {
  content: " ";
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  }


/*-------------------------------------------------------
　共通
-------------------------------------------------------*/
/* テーブル */
.m-table {
  width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
.m-table th {
  border: solid 1px #ccc;
  font-weight: normal;
  padding: 8px 12px;
  background: #f3f3f3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.m-table td {
  border: solid 1px #ccc;
  padding: 8px 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}

/* リスト */
.m-plain-list--dot-thin,
.m-plain-list--kome {
  margin-left: 0;
}
.m-plain-list--dot-thin>li,
.m-plain-list--kome>li {
  position: relative;
  list-style: none;
  padding-left: 1.4em;
}
.m-plain-list--dot-thin>li:before,
.m-plain-list--kome>li:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.m-plain-list--kome>li:before {
  content: "※";
}
.m-plain-list--dot-thin>li:before  {
  content: "・";
}

/* 画像 */
.img-responsive {
  margin-right: auto;
  margin-left: auto;
  display: block;
  max-width: 100%;
  height: auto;
}

/* 行の揃え位置 */
.u-ta-c {
  text-align: center;
}
.u-ta-r {
  text-align: right;
}

/* 明朝 */
.serif {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* フォント太さ */
.u-fw-n {
  font-weight: normal
}
.u-fw-b {
  font-weight: bold
}

/* フォントサイズ */
.u-fz-xs {
  font-size: 10px;
}
.u-fz-sm {
  font-size: 12px;
}
.u-fz-mm {
  font-size: 14px;
}
.u-fz-md {
  font-size: 16px;
}
.u-fz-lg {
  font-size: 18px;
}
.u-fz-xl {
  font-size: 20px;
}
.u-fz-xxl {
  font-size: 22px;
}
.u-fz-xxxl {
  font-size: 24px;
}
.u-fz-xxxxl {
  font-size: 28px;
}

/* ボーダー */
.u-b {
  border: solid 1px #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* 下margin */
.u-mb-0 {
  margin-bottom: 0 !important;
}
.u-mb-xs {
  margin-bottom: 4px;
}
.u-mb-sm {
  margin-bottom: 8px;
}
.u-mb-md {
  margin-bottom: 16px;
}
.u-mb-lg {
  margin-bottom: 24px;
}
.u-mb-xl {
  margin-bottom: 28px;
}
.u-mb-xxl {
  margin-bottom: 48px;
}
.u-mb-xxxl {
  margin-bottom: 64px;
}
.u-mb-xxxxl {
  margin-bottom: 96px;
}

/* 上margin */
.u-mt-0 {
  margin-top: 0;
}
.u-mt-xs {
  margin-top: 4px;
}
.u-mt-sm {
  margin-top: 8px;
}
.u-mt-md {
  margin-top: 16px;
}
.u-mt-lg {
  margin-top: 24px;
}
.u-mt-xl {
  margin-top: 28px;
}
.u-mt-xxl {
  margin-top: 48px;
}
.u-mt-xxxl {
  margin-top: 64px;
}
.u-mt-xxxxl {
  margin-top: 128px;
}

/* padding */
.u-p-0 {
  padding: 0 !important;
}
.u-p-xs {
  padding: 4px;
}
.u-p-sm {
  padding: 8px;
}
.u-p-md {
  padding: 16px;
}
.u-p-lg {
  padding: 24px;
}
.u-p-xl {
  padding: 28px;
}
.u-p-xxl {
  padding: 48px;
}
.u-p-xxxl {
  padding: 64px;
}

/* 下padding */
.u-pb-xs {
  padding-bottom: 4px;
}
.u-pb-sm {
  padding-bottom: 8px;
}
.u-pb-md {
  padding-bottom: 16px;
}
.u-pb-lg {
  padding-bottom: 24px;
}
.u-pb-xl {
  padding-bottom: 28px;
}
.u-pb-xxl {
  padding-bottom: 48px;
}
.u-pb-xxxl {
  padding-bottom: 64px;
}

/* 上padding */
.u-pt-xs {
  padding-top: 4px;
}
.u-pt-sm {
  padding-top: 8px;
}
.u-pt-md {
  padding-top: 16px;
}
.u-pt-lg {
  padding-top: 24px;
}
.u-pt-xl {
  padding-top: 28px;
}
.u-pt-xxl {
  padding-top: 48px;
}
.u-pt-xxxl {
  padding-top: 64px;
}

/* 左padding */
.u-pl-xs {
  padding-left: 4px;
}
.u-pl-sm {
  padding-left: 8px;
}
.u-pl-md {
  padding-left: 16px;
}
.u-pl-lg {
  padding-left: 24px;
}
.u-pl-xl {
  padding-left: 28px;
}
.u-pl-xxl {
  padding-left: 48px;
}
.u-pl-xxxl {
  padding-left: 64px;
}

/* 右padding */
.u-pr-xs {
  padding-right: 4px;
}
.u-pr-sm {
  padding-right: 8px;
}
.u-pr-md {
  padding-right: 16px;
}
.u-pr-lg {
  padding-right: 24px;
}
.u-pr-xl {
  padding-right: 28px;
}
.u-pr-xxl {
  padding-right: 48px;
}
.u-pr-xxxl {
  padding-right: 64px;
}

/* clearfix */

.clearfix:after, .clearfix:after {
  clear: both;
  }
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  }