h1.contents-title {
	margin: 0 0 1.5rem;
	font-weight: 400;
	font-size: 1.3rem;
	letter-spacing: 1px;
}
.product_info_block {
	font-size: .97rem;
}
#product-info {
	margin: 0 0 1.5rem;
}
.product_contents_block {
	margin: 2rem 0 !important;
}
.product_contents_block h2 {
	margin: 1rem 0;
	padding-bottom: 5px;
	color: #6f9b65;
	border-bottom: 3px double rgba(111, 155, 101, 0.45);
}
.product_contents_block h3.products-description {
	margin: 0 0 1.5rem !important;
	padding: 1rem;
	line-height: 1.3;
	letter-spacing: 2px;
	color: #817E7A !important;
	background-color: #EDEAE5;
}
.product-order-exp b {
	font-weight: 700 !important;
}
.product-order-exp img {
	padding: 15px 15px 15px 0 !important;
}
/* bxSlider関連 */
.container-section {
	opacity: 0;
	transition: opacity .3s linear;
}
.bx-wrapper {
	margin: 0 !important;
}
.product-image-main {
	margin: 0 0 1.5rem;
}
.product-image-main .bx-wrapper ul li {
	display: block;
	overflow: hidden;
}
.product-image-main .bx-wrapper img {
	width: 100%;
	max-width: 100%;
	height: fit-content;
	border: 2px solid #F7F3E8;
}
ul.bxslider {
	margin-left: 0px !important;
}
.bx-wrapper .bx-viewport {
	border: none;
	box-shadow: none;
	left: 0;
	background: transparent !important;
}
.custom-thumb li {
	position: relative;
	display: inline-block;
	cursor: pointer;
	vertical-align: top;
	margin: 0;
	padding: 5px 5px 5px 0;
}
.custom-thumb li a:hover {
	opacity: 0.7;
}
/* サムネイルactive時の枠を付ける */
.custom-thumb a {
	/*display: inline-block;*/
	display: block;
}
.custom-thumb a img {
	width: 100%;
	height: auto;
}
a.active {
	border: 2px solid #c2b590;
}

input, button, select, textarea {
	font-family: 'Noto Serif JP', '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif !important;
}

/* 販売価格の文字強調 */
.product_sales {
	line-height: 1.5;
	font-weight: 700;
	font-size: 1.2em;
}

/* 数量入力欄 */
input.product-cart-init-num {
	float: left;
	appearance: none;
	-webkit-appearance: none;
	border: 1px solid #ccc;
	height: 30px;
	width: 20%;
	font-size: 1.1em;
}
.product_cartnumber {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.product_cartnumber select {
	width: 80%;
}
.product-unit {
	flex: 1;
	padding: 0 0 0 5px;
}
/* 商品単位 */
.product-unit {
	float: left;
	padding: 5px;
  font-size: 14px;
  color: #666;
}

/* 名入れ入力欄 */
.product-order-form input[type="text"] {
	width: calc(100% - 14px);
}

/* カートボタン下マージン */
.product_cart_area {
	margin-bottom: 15px;
}

/* カートボタンのデザイン */
.btn-addcart {
	background-color: #6f9665;
	border: medium none;
	color: #fff;
	font-size: 18px;
	letter-spacing: 0.1em;
	padding: 18px 0;
	border-radius: 0 !important;
}
.btn-addcart:hover {
	color: #FFF !important;
	background-color: #EDEAE5;
}
input.soldout {
	color: #FFF !important;
	background: #AC0000;
	cursor: default;
}
/* お問い合わせボタンのデザイン */
.btn-form {
	background-color: rgba(255, 255, 255, 0.7);
	border: 1px solid rgba(0, 0, 0, 0.2);
	color: #111;
	font-size: 18px;
	letter-spacing: 0.1em;
	padding: 18px 0;
	border-radius: 0 !important;
}
.btn-form:hover {
	color: #FFF !important;
	background-color: #747474;
}
/* いいねボタンのズレ修正 */
.fb_adjust {
	position: relative;
	top: 1px;
}

.item-link {
	font-size: .9em;
}

h4.sub-title {
	margin: 0 0 1.2rem !important;
	color: #6f9b65;
	font-size: 1em;
	font-weight: 400 !important;
	line-height: 1.6;
	letter-spacing: 0;
}

.product-order-exp p {
	font-size: .95em;
}
#contents .about {
	color: #434343;
}
#contents .about dt {
	margin-bottom: 5px;
	font-weight: 700 !important;
	font-size: .95em !important;
}
#contents .about dt:before {
	margin-right: .2rem;
	content: "−";
	font-weight: 400 !important;
}
#contents .about dd {
	padding-left: .5rem;
	margin-bottom: .75rem;
	font-size: .95em;
}
ul.option-icon {
	margin: 1.5rem 0 1rem;
	text-align: right;
}
ul.option-icon li {
	margin-left: 8px;
	margin-bottom: 0;
	display: inline-block;
	background: #d9d9d9;
	border-radius: 3px;
}
ul.option-icon li.active {
	background: #9A7D3E;
}
ul.product-link {
	font-size: .9em;
}
ul.product-link li a {
	color: #333 !important;
}
.p-product-option-tbl {
	margin-top: 30px;
	margin-bottom: 30px;
	overflow-x: auto;
}
.table-bordered {
	border: none !important;
	border-collapse: separate;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.p-product-option-tbl table {
	margin-bottom: 0;
	border-left: 0;
	border-right: 0;
	width: 100%;
}
.table-bordered th, .table-bordered td {
	font-weight: 400 !important;
	font-size: 85%;
	border: none !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.table-bordered td.cell_2 div,
.table-bordered td.cell_2 label {
	margin-bottom: 0 !important;
	display: inline-block !important;
}
.table-bordered td.cell_2 div input {
	margin: 0 3px 0 0 !important;
}
.p-product-option-tbl th {
	min-width: 100px;
}
.p-product-option-tbl th, .p-product-option-tbl td {
	padding: 12px 5px;
	border: none !important;
	border-left: 0;
	text-align: center;
}
.p-product-option-tbl table div {
	display: inline-block !important;
}
.p-product-option-tbl label {
	display: inline-block !important;
	margin-left: 5px;
	margin-bottom: 0;
}
.tbl-r02 {
	margin: 20px auto;
	width: 100%;
}
.tbl-r02 th {
	background: #e6e3e0;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	color: #999;
	padding: 10px;
	width: 15%;
}
.tbl-r02 td {
	border: solid 1px #ccc;
	padding: 10px;
	width: 85%;
}
@media (max-width: 768px) {
	.col-lg-9 {width:100%;}
	.product_contents_block h2 {
		font-size: 1.2rem !important;
		letter-spacing: 0.5px;
	}
	h4.sub-title {
		font-size: 1em;
	}
	.product-image-main .bx-wrapper img {
		height: auto !important;
	}
	.custom-thumb a img {
		width: 100%;
		height: 70px;
		object-fit: cover;
	}
	.product-order-exp p {
		font-size: .9em;
	}
	ul.product-link {
		font-size: .85em;
	}
}

/* IE11だけで適用されるスタイルシート */
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop,
	.custom-thumb img {
		width: 100%;
	}
}

/*YOUTUBE*/
.movie-wrap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*レビュー追加CSS*/
.reviewlist_datas {
  overflow: hidden;
  zoom: 1;
  margin-bottom: 10px;
}
.icon_star {
  float: left;
  width: 75px;
  overflow: hidden;
}
.icon_star img {
  max-width: inherit;
  padding: 8px 15px 15px 0 !important;
}
.review_poster li {
  float: left;
  margin-left: 15px;
}
.review_poster li {
  list-style: none;
}
.reviewlist {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px dotted #ccc;
}
.review_ttl,
.shopcomment_ttl {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 10px;
}
.review_img {
  float: right;
  margin: 0 0 10px 10px
}
.reviewlist_content {
  overflow: hidden;
  zoom: 1;
}
.shopcomment {
  margin-top: 10px;
  margin-bottom: 10px;
  background: #eee;
  padding: 15px;
  border-radius: 6px;
}
/*ここまで*/
.product_info_block table {
	font-size: 14px;
}
.prd-opt-table {
	width: 100%;
	display: block;
}
table#option_tbl {
	margin-bottom: 10px;
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
table#option_tbl th,
table#option_tbl td {
	padding: 10px 3px;
	vertical-align: middle !important;
}
table#option_tbl .stock_head th,
table#option_tbl .stock_head td {
	border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
table#option_tbl th {
	font-weight: 400 !important;
}

.cell_2 .table_price,
.cell_2 br,
.cell_2 label {
	display: none !important;
}
.cell_2 div input {
	display: none;
}
.cell_2 div:before {
	font-weight: 700;
	content: "\025cb";
	font-size: 13px;
	display: inline-block !important;
}
span.stock_zero {
	font-size: 0 !important;
}
span.stock_zero::before {
	font-weight: 700;
	content: "\0d7";
	font-size: 13px;
	display: inline-block !important;
}
/* オプション金額を非表示にする */
.table_price {
    display: none;
}
/* オプション金額を非表示にする */
/* カートボタン上のマージン */
.btn-addcart{
  margin-top:20px;}
/* カートボタン上のマージン */
/* カスタムオプションのクリア */
label#custom-options-label {
    display: block !important;
    clear: both !important;
    width: 100%;
}
/* カスタムオプションのクリア */
/* 販売価格を目立たせる */
.product-spec-table th {
    vertical-align: middle;
}

.product-spec-table td {
    vertical-align: middle;
}

.product-spec-table td:has(> *) {
    font-size: 16px;
}

/* 販売価格の行だけ強調 */
.product-spec-table tr:first-child td {
    font-size: 20px;
    font-weight: bold;
    }
/* 販売価格の上の線を消す */
.product-spec-table tr:first-child th,
.product-spec-table tr:first-child td {
    border-top: none !important;
}
/* カラーと数量のプルダウンを完全に揃える */
#prd-opt-select select,
.product_cartnumber select {
    width: 180px;     /* 横幅を統一（数値はお好みで微調整OK） */
    margin-left: 0;  
    display: inline-block;
    box-sizing: border-box;
}
/* 商品情報ブロック全体で共通ラベル幅を定義 */
.product_info_block {
  --label-width: 80px;   /* ここだけ微調整すれば全部そろいます */
}

/* 【数量】側（table）のラベル幅を統一 */
.product-qty-table th {
  width: var(--label-width);
}

.product-qty-table td {
  padding-left: 0;
}

/* 【タイプ】側（div）の2列レイアウト化 */
#prd-opt-select .col {
  display: grid;
  grid-template-columns: var(--label-width) 1fr;
  align-items: center;
}

#prd-opt-select .col > div {
  grid-column: 1;
}

#prd-opt-select .col > select {
  grid-column: 2;
  width: 180px;     /* 数量と合わせる幅 */
  box-sizing: border-box;
}

/* 【数量】のセレクトも同じ幅にする */
.product_cartnumber select {
  width: 180px;
  box-sizing: border-box;
}

.product_cartnumber {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
/* 文字と行間を少しゆったり */
.product_info_block {
  font-size: 14px;
  line-height: 1.8;
}

/* 価格以外のテーブルの線を少し薄くして圧迫感を減らす */
.product-spec-table th,
.product-spec-table td,
#option_tbl th,
#option_tbl td,
.product-qty-table th,
.product-qty-table td {
  border-color: #eeeeee;
}

/* 在庫テーブルの上下にも少しだけ余白 */
#prd-opt-table {
  margin: 6px 0 10px;
}

/* グリーンの帯を少しだけコンパクト＆角丸に */
.stock-title {
  margin-top: 14px;
  margin-bottom: 10px;
  padding: 6px 10px;
  border-radius: 3px;
}

/* 「カラー」「数量」「ラッピング」などラベル文字を少し濃くして見出し感UP */
.product-spec-table th {
  color: #555;
  font-weight: 600;
}

/* カラーと数量のブロックに、まとまり感のための上下余白 */
#prd-opt-select {
  margin-bottom: 8px;
}

.product-qty-table {
  margin-top: 6px;
  margin-bottom: 14px;
}

/* ラッピング見出し（custom-options）を見出し風に */
label#custom-options-label {
  display: block;
  margin-top: 18px;
  margin-bottom: 6px;
  font-weight: 600;
  color: #444;
}

/* カートボタンとの距離を少しだけ詰める（お好みで） */
.product_cart_area {
  margin-top: 10px;
}
/* カラー（プルダウン）の上に余白を追加 */
#prd-opt-select {
  margin-top: 30px;
}
/* オプション（サイズ・カラーなど）の横並び調整：PC向け */
@media (min-width: 768px) {
  #prd-opt-select .col {
    display: flex;
    align-items: center;
    gap: 8px;                     /* ラベルとプルダウンのすき間 */
  }

  #prd-opt-select .col > div {
    flex: 0 0 var(--label-width); /* 「サイズ」「カラー」などラベルの幅 */
  }

  #prd-opt-select .col > select {
    flex: 1 1 auto;
    max-width: 180px;             /* 数量のプルダウンと同じくらいの幅 */
    box-sizing: border-box;
  }
}
/* オプション（サイズ・カラー）を1行ずつ縦に並べる＋中身は横並び */
.product_info_block #prd-opt-select .col {
  width: 100%;          /* 横幅いっぱい → 1行に1つだけ */
  max-width: 100%;
  float: none;          /* Bootstrapのfloatを打ち消し */
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ラベル部分（「サイズ」「カラー」など）の幅をそろえる */
.product_info_block #prd-opt-select .col > div {
  flex: 0 0 var(--label-width);   /* これまでのラベル幅をそのまま利用 */
}

/* セレクトボックス部分 */
.product_info_block #prd-opt-select .col > select {
  flex: 1 1 auto;
  max-width: 180px;               /* 数量のセレクトと同じくらい */
  box-sizing: border-box;
}
/* 1. 見出しテキストの統一スタイル
   販売価格 / 在庫状況 / サイズ / カラー / 数量 に共通のトーンを与える */
.main-price-row th,
.stock-title,
.product_info_block #prd-opt-select .col > div,
.product-qty-table th {
  font-size: 14px;
  font-weight: 600;
  color: #444;
  padding-left: 10px;   /* ★ ここを追加（8〜12pxくらいでお好み調整） */
}

/* 2. 在庫状況だけ、うっすら目立たせる（帯 → 左ラインに寄せる感じ） */
.stock-title {
  background: #eaf6ec;       /* いま使っている薄いグリーン */
  border-left: 4px solid #6fb48a;
  border-radius: 3px;
  padding: 6px 10px;
  margin: 16px 0 10px;
}

/* 3. サイズ・カラー・数量ブロックまわりの余白をそろえる */
#prd-opt-select {
  margin-top: 8px;
  margin-bottom: 4px;
}

.product-qty-table {
  margin-top: 8px;
  margin-bottom: 16px;
}

/* 4. 販売価格の金額だけは主役として少し大きめのまま */
.main-price-row td {
  font-size: 18px;
  font-weight: bold;
}
/* 見出しテキストの統一スタイル
   販売価格 / 在庫状況 / サイズ / カラー / 数量 に共通のトーンを与える */
.main-price-row th,
.stock-title,
.product_info_block #prd-opt-select .col > div,
.product-qty-table th {
  font-size: 14px;
  font-weight: 600;
  color: #444;
}

/* 在庫状況だけ、うっすら目立たせる */
.stock-title {
  background: #eaf6ec;
  border-left: 4px solid #6fb48a;
  border-radius: 3px;
  padding: 6px 10px;
  margin: 16px 0 10px;
}

/* サイズ・カラー・数量まわりの余白 */
#prd-opt-select {
  margin-top: 8px;
  margin-bottom: 4px;
}

.product-qty-table {
  margin-top: 8px;
  margin-bottom: 16px;
}

/* 販売価格の金額だけ主役に */
.main-price-row td {
  font-size: 18px;
  font-weight: bold;
}
/* 「数量」の見出しだけを確実に太字にする */
.product-qty-table th {
  font-weight: 600 !important;
  color: #444;
}
/* 在庫状況タイトルの帯デザインを解除 */
.stock-title {
  background: none;
  border-left: none;
  padding: 0;
  margin: 12px 0 8px;
}

/* 在庫表 全体に薄い背景色を付ける */
#option_tbl {
  background-color: #f7f6f5;
  border-radius: 6px;
  padding: 6px 0;
}

/* 在庫表の各行にもほんの少し余白 */
#option_tbl th,
#option_tbl td {
  background-color: transparent; /* 行ごとの白背景を消す保険 */
  padding: 10px 6px;
}
/* 販売価格の金額をしっかり太字に */
.main-price-row td {
  font-weight: 700;
}
/* 在庫状況テーブル：角丸をやめる */
#option_tbl {
  border-radius: 0;
}

/* 在庫状況テーブル：上下の罫線を消す */
#option_tbl {
  border-top: none !important;
  border-bottom: none !important;
}

/* 万一、セル側に上下線が入っている場合の保険 */
#option_tbl tr:first-child th,
#option_tbl tr:first-child td {
  border-top: none !important;
}

#option_tbl tr:last-child th,
#option_tbl tr:last-child td {
  border-bottom: none !important;
}
/* カートボタン内のアイコンを強制的に白くする */
.btn-addcart .icon-cart {
  filter: brightness(0) invert(1);
}
/* 在庫表の「マロン」「オートミール」などの商品名セルだけ左に余白を足す */
table#option_tbl th.cell_1 {
  padding-left: 16px;   /* 12〜20pxの間でお好み調整 */
}
/* 見出し位置をそろえる用 共通インデント */
.product_info_block {
  --label-indent: 12px;   /* ←ここを増減すると全体が左右に動きます */
}

/* 販売価格 / 通常価格 / 定価 など 左列の th */
.product_info_block .product-spec-table th:first-child {
  padding-left: var(--label-indent) !important;
}

/* 在庫状況 */
.product_info_block .stock-title {
  padding-left: var(--label-indent) !important;
}

/* サイズ / カラー（オプションのラベル） */
.product_info_block #prd-opt-select .col > div {
  padding-left: var(--label-indent) !important;
}

/* 数量 */
.product_info_block .product-qty-table th {
  padding-left: var(--label-indent) !important;
}

/* 数量だけ 1px 上に持ち上げて、他のラベルと完全に揃える */
.product_info_block .product-qty-table th {
  padding: 0 0 0 var(--label-indent) !important; /* 左のインデントは他と共通 */
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  transform: translateY(-1px); /* ← 微調整：気になる場合は -2px / 0px でも試せます */
}
/* ▼ 数量ラベルの最終補正（ほかの指定を全部上書き） */
.product_info_block table.product-qty-table tr:first-child > th {
  padding: 0 0 0 var(--label-indent) !important; /* 左インデントは他と共通 */
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #444 !important;

  line-height: 1.2;
  position: relative;
  top: -3px;   /* まだ気になるようなら -2px / 0px などに微調整してOK */
}
/* ▼ 数量行を「サイズ」「カラー」と同じレイアウトに揃える（PC幅） */
@media (min-width: 768px) {
  /* tr を flex 化して 2カラムレイアウトに */
  .product_info_block table.product-qty-table tr {
    display: flex;
    align-items: center;
  }

  /* 左側ラベル（数量） */
  .product_info_block table.product-qty-table th {
    flex: 0 0 var(--label-width);              /* サイズ／カラーと同じ幅 */
    padding: 0 0 0 var(--label-indent) !important;
    font-size: 14px;
    font-weight: 600;
    color: #444;
  }

  /* 右側のセレクト部分 */
  .product_info_block table.product-qty-table td {
    flex: 1 1 auto;
    padding: 0 !important;                     /* 余計なズレを消す */
  }

  /* 数量のセレクト ＋ 単位を横並びに */
  .product_info_block table.product-qty-table .product_cartnumber {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
  }

  /* 数量プルダウンの幅をサイズ／カラーと揃える */
  .product_info_block table.product-qty-table .product_cartnumber select {
    width: 180px;
    max-width: 180px;
    box-sizing: border-box;
  }
}
/* bxSlider 矢印ホバー時の紙芝居アニメーションを停止 */
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next,
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover {
  animation: none !important;
  -webkit-animation: none !important;
  transition: none !important;
}
/* 矢印デザインを女性向けにやわらかく */
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
  background-color: rgba(255,255,255,0.7) !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  box-shadow: 0 0 6px rgba(0,0,0,0.15);
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover {
  background-color: rgba(255,255,255,0.9) !important;
}
/* bxSlider の矢印を女性向けにやさしく描き直す ------------------- */
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
  /* もともとの背景画像やテキストをリセット */
  background: none !important;
  text-indent: 0 !important;
  color: #666;
  
  /* ボタンの形 */
  width: 32px !important;
  height: 32px !important;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);

  /* 中身を中央に配置 */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ホバー時は少しだけ明るく */
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover {
  background-color: rgba(255, 255, 255, 0.95);
}

/* 中の矢印は CSS で描画（細い ＞ ＜ にする） */
.bx-wrapper .bx-prev::before,
.bx-wrapper .bx-next::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #666;
  border-bottom: 2px solid #666;
}

/* 左矢印（＜） */
.bx-wrapper .bx-prev::before {
  transform: rotate(135deg);
}

/* 右矢印（＞） */
.bx-wrapper .bx-next::before {
  transform: rotate(-45deg);
}
/* Prev / Next の文字を消して、矢印だけ表示する */
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
  font-size: 0;        /* ← 中の文字を視覚的に消す */
}
#prd-opt-select {
  margin-top: 16px; /* お好みで数値を調整 */
}
#option_tbl td {
  text-align: center;
  vertical-align: middle !important;
}

#option_tbl .cell_2 div {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

@media (max-width: 768px) {
  #option_tbl td,
  #option_tbl th {
    font-size: 13px;
    padding: 8px 4px;
  }
  #option_tbl .cell_2 div {
    justify-content: center;
  }
}
/* 在庫表：グレー／ネイビー／海へ／森へ などの文字を中央寄せ */
#option_tbl th.cell_1 {
  text-align: center !important;
  vertical-align: middle !important;
  padding: 10px 6px !important;
  line-height: 1.4;
}

/* 在庫表：〇マークを縦横中央に */
#option_tbl .cell_2 div {
  display: inline-block !important;
  text-align: center;
  vertical-align: middle;
  line-height: 1;
}

/* 疑似要素（〇・×）の見やすさ微調整 */
#option_tbl .cell_2 div:before,
#option_tbl span.stock_zero::before {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.2;
  margin: 0 auto;
}