/* =============================================================
  トップページ　.top
============================================================= */
/* 共通
-------------------------------------------*/
/* 見出し
----------------------------*/
/* h5 */
.top h5 {
	text-align: center;
	margin-top: 0.5rem;
}
.top h5 + p {
	margin-top: 0.5rem;
}

/* お知らせ
-------------------------------------------*/
/* 枠とデザイン */
.top_announce {
	box-sizing: border-box;
	width: 100%;
	color: #d32325;
	border: 1px solid #d32325;
	margin-top: 40px;
	padding: 15px;
}
/* タイトル */
.top_announce p.tit {
	font-weight: bold;
	margin: 0;
}
/* 2つめのタイトル */
.top_announce p + p.tit {
	margin-top: 1.5rem;
}
/* p */
.top_announce p {
	padding-left: 1em;
}
/* タイトル下p */
.top_announce p.tit > p {
	margin-top: 10px;
}
/* p2つ目以降 */
.top_announce p + p {
	margin-top: 5px;
}

/* メインビジュアル .mvisual
-------------------------------------------*/
/* テキスト
----------------------------*/
.mvisual .txt {
	background-color: #000;
	text-align: center;
	padding: 18px;
	line-height: 0;
}

/* アバウト .about
-------------------------------------------*/
/* 全体
----------------------------*/
/* 背景 */
.about {
	background-color: #dfdcb9;
	border-radius: 10px;
}

/* 左(人)
----------------------------*/
/* 幅 */
.about li:first-child {
	width: 28.58%;
	text-align: left;
	background: url("https://banner.livegoods-factory.com/wp/wp-content/uploads/top_about_bk.png") no-repeat;
	background-position: right center;
	border-radius: 10px 0 0 10px;
}
.about li:first-child img {
	width: 82.2%;
	margin: -16px 0 0 15px;
}
/* 右（文章）
----------------------------*/
/* 幅 */
.about li:last-child {
	width: 67.5%;
	padding: 35px 30px 20px 0;
}
/* 見出し */
.about li:last-child h2 {
	font-size: 1.4rem;
}
/* 文章 */
.about li:last-child p {
	font-size: 1.1rem;
	border-top: 1px solid #9c9981;
	margin-top: 1.25rem;
	padding-top: 1.25rem;
}

/* 小さなドロップ幕から大きな幕まで .pickup
-------------------------------------------*/
/* 見出し
----------------------------*/
/* h4のデザイン */
.pickup h4 {
	width: 60%;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color:#7b6991;
	border-radius: 10px;
	margin: -16px auto 0;
	padding: 5px 10px;
}

/* 写真 .picture
----------------------------*/
/* リスト
-------------------*/
/* 幅とマージン */
.pickup .picture li {
	width: 22.5%;
	margin-top: 10px;
}
/* 幅（一枚目） */
.pickup .picture li:nth-child(1) {
	width: 48.3%;
}

/* サブブロック .sub_block
----------------------------*/
/* ボーダーとマージン */
.pickup .sub_block {
	border-top: 1px solid #ccc;
	margin-top: 60px;
}
/* リスト
-------------------*/
/* 幅とマージン */
.pickup .sub_block li {
	width: 48.3%;
	margin-top: 30px;
}
/* 幅（下3つ） */
.pickup .sub_block li:nth-child(3),
.pickup .sub_block li:nth-child(4),
.pickup .sub_block li:nth-child(5) {
	width: 32%;
}
/* 文章 */
.pickup .sub_block li > p {
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	background-color: #f2f0f4;
	margin-top: 5px;
	padding: 5px;
}

/* 当社の強み .advantage
-------------------------------------------*/
/* リスト
----------------------------*/
.advantage li {
	width: 22.75%;
	margin-top: 20px;
}

/* 生地 .cloth
-------------------------------------------*/
/* 全体
----------------------------*/
.cloth .annotation {
	display: block;
}
/* リスト
----------------------------*/
/* 写真とアイコンの幅 */
.cloth li {
	width: 30%;
	margin-top: 20px;
}
/* 見出し・文章
----------------------------*/
/* 詳細のマージン調整 */
.cloth h5 {
	text-align: center;
	padding: 0.5rem 0;
}
/* 詳細のマージン調整 */
.cloth  p.detail {
	margin-top: 10px;
}
/* アイコン
----------------------------*/
/* アイコンの幅とデザイン */
.cloth li li {
	width: 31%;
	font-size: 1.2rem;
	font-weight: bold;
	text-align:center;
	line-height: 1;
	color: #fff;
	background-color: #7b6991;
	border-radius: 5px;
	margin-top: 5px;
	padding: 7px 7px 5px;
}
/* 真ん中のアイコンのデザイン */
.cloth li li:nth-child(2) {
	color: #7b6991;
	border: 1px solid #7b6991;
	background-color: #fff;
}

/* 定番サイズと価格 .price
-------------------------------------------*/
/* テーブル
----------------------------*/
/* table */
.price table {
	width: 100%;
	margin-top: 20px;
}
/* th */
.price table th {
	color: #fff;
	font-weight: 700;
	background-color: var(--color-primary);
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
/* th（生地名）のデザインと幅 */
.price table .cloth_name th {
	width: 24%;
	border-right: 1px solid rgba(255,255,255,0.5);
}
.price table .cloth_name th:last-child {
	border-right: none;
}
/* 一番左のth（生地名）のみ */
.price table .cloth_name th.first {
	width: 16%;
	background-image: linear-gradient(to right top, transparent calc(50% - 0.5px), #fff 50%, #fff calc(50% + 0.5px), transparent calc(50% + 1px))
}
/* 数字のデザイン */
.price table td {
	font-size: 2rem;
	font-weight: 900;
	text-align: right;
	border-right: 1px solid var(--color-table-header1);
	border-bottom: 1px solid var(--color-table-header1);
	padding : 10px 20px;
}
/* 一行ごとの背景 */
.price table tr:nth-child(2n+1) td {
	background-color: rgba(242, 240, 244, 0.8);
}
/* 円のデザイン */
.price table td span {
	display: inline-block;
	font-size: 1.2rem;
	font-weight: 700;
	padding-left: 3px;
}
/* スマホ用の注釈 */
.price .sp {
	text-align: center;
}

/* プリント方法 .print
-------------------------------------------*/
/* リスト
----------------------------*/
/* 幅とセンター寄せ */
.print ul {
	width: 65%;
	margin: 0 auto;
}
/* 幅とマージン */
.print li {
	width: 46.15%;
	margin-top: 20px;
}

/* 加工 .processing
-------------------------------------------*/
/* 全体
----------------------------*/
/* 注釈 */
.processing .annotation {
	display: block;
}
/* リスト
----------------------------*/
/* 幅 */
.processing li {
	width: 30%;
	margin-top: 20px;
}

/* デザイン .design
-------------------------------------------*/
/* リスト
----------------------------*/
/* 写真の幅 */
.design li {
	width: 30%;
	margin-top: 30px;
}

/* バナーエリア .bnr_area
-------------------------------------------*/
/* 共通
----------------------------*/
/* 上マージン変更 */
.bnr_area {
	margin-top: 3rem;
}
/* a */
.bnr_area a {
	line-height: 0;
}

/* イベント幕・ライブ幕とは .type
-------------------------------------------*/
/* 見出し・文章
----------------------------*/
/* h4 */
.type h4 {
	font-size: 1.2rem;
	font-weight: bold;
	border-bottom: 1px dashed #7b6991;
	padding: 10px 0;
	margin: 5px 0;
}
/* p */
.type p {
	font-size: 1rem;
}
/* バナー
----------------------------*/
/* bnr_glossary */
a.bnr_glossary {
	display: inline-block;
	margin-top: 3rem;
}

/* リンクボタン .link_btn
-------------------------------------------*/
/* リスト
----------------------------*/
/* 上マージン */
ul.link_btn {
	margin-top: 60px;
}
/* 幅とマージン */
ul.link_btn li {
	width: 47%;
	margin-top: 10px;
}
/* 幅とラインハイと */
ul.link_btn li .grad_btn {
	width: 100%;
	line-height: 1.8;
}
/* お見積もりボタンのカラー */
ul.link_btn li:last-child .grad_btn {
	background: linear-gradient(to bottom, #af5450  5%, #7f3232 100%);
	background-color: #af5450;
}