/* =============================================================
トップページ　.top
============================================================= */
/* メインコピー .main_copy
-------------------------------------------*/
/* h2 */
.main_copy h2 {
	font-size: 3rem;
	line-height: 1.1;
	background-color: var(--color-primary-dark);
	background-image: none;
	border: none;
	box-shadow: none; /* style.cssの上書き */
	padding: 1rem 1rem 1.2rem;
}
.main_copy h2 span {
	display: block;
	font-size: 1.2rem;
	line-height: 1;
	margin-top: 0.5rem;
}
/* p */
.main_copy p {
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 1.1;
	text-align: center;
	background-color: #fff;
	padding: 0.5rem;
}

/* メインビジュアル .main_visual
-------------------------------------------*/
/* 下margin追加 */
.main_visual {
	line-height: 0;
}
/* h3 */
.top .main_visual h3 {
	font-family: serif;
	font-size: 2rem;
	font-feature-settings: "palt";
	text-align: center;
	background-color: var(--color-primary);
	border: 0;
	padding: 1rem;
}

/* トップバナーエリア .top_bnr_area
-------------------------------------------*/
.main_visual + .top_bnr_area {
	margin-top: 1rem;
}

/* 注釈 .top_bnr_area
-------------------------------------------*/
/* 注釈 */
.top_bnr_area + .annotation {
	text-align: right;
}

/* お知らせ .top_announce
-------------------------------------------*/
/* 枠 */
.top_announce {
	width: 100%;
	color: var(--color-accent2);
	border: 1px solid var(--color-accent2);
	padding: 1rem;
	margin-top: 2rem;
}
/* タイトル */
.top_announce p.tit {
	font-weight: 800;
}
/* 2つめのタイトル */
.top_announce p + p.tit {
	margin-top: 1rem;
}
/* p */
.top_announce p {
	padding-left: 1em;
}
/* タイトル下p */
.top_announce p.tit > p {
	margin-top: 0.8rem;
}
/* p2つ目以降 */
.top_announce p + p {
	margin-top: 0.5rem;
}


/* コンテンツレイアウト
-------------------------------------------*/
/* 大枠
--------------------------------*/
/* メインブロック
---------------------*/
.top_main_block {
	width: 78.333%;
	float: right;
	margin-top: 3rem;
}
/* サイドバー
---------------------*/
.top_side_block {
	width: 17.5%;
	float: left;
	margin-top: 3rem;
}

/* メインブロック .top_main_block
--------------------------------*/
/*  商品（共通）
---------------------*/
/* 見出し */
.item h5 {
	color: #fff;
	font-weight: 700;
	text-align: center;
	line-height: 1;
	background-color: var(--color-primary);
	margin-bottom: 0.1rem;
	padding: 0.5rem;
}
/* マージン */
.item .about, .item .pictures {
	margin-top: 1.2rem;
}
.item .size, .item .cloth,
.item .print, .item .processing, .item .price_list, .item .font {
	margin-top: 2.5rem;
}
/* flex */
.item .flex {
	gap: 1rem 3%;
}
.item .flex li,
.item .flex .flex_box {
	width: calc((100% - 3%) / 2);
}
/* about */
.item .about .copy {
	position: relative;
}
.item .about .copy p {
	font-size: 1.1rem;
	font-weight: 600;
}
.item .about .copy .btn_group {
	position: absolute;
	bottom: 0;
	width: 100%;
}
.item .about .copy .btn_group a {
	display: block;
	width: 100%;
	color: #fff;
	background-color: #000;
}
.item .about .copy .btn_group a:last-child {
	color: #000;
	background-color: var(--color-accent1);
}
/* pictures */
.item .pictures {
	margin-top: 3rem;
}
.item .pictures li {
	width: calc((100% - 3%*3) / 4);
}
.item .pictures li p {
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 1.1;
	text-align: center;
	margin-top: 0.2rem;
}
.item .pictures .img_hover {
	overflow: hidden;
	margin: 0 auto;
}
.item .pictures .img_hover img {
	transition: 1s all;
}
.item .pictures .img_hover img:hover {
	transform:scale(1.2,1.2);
	transition: 1s all;
}
/* size */
.item .size h5 {
	font-size: 1.2rem;
	font-feature-settings: "palt";
	letter-spacing: 0.1rem;
	border-radius: 1.5rem;
	margin-bottom: 1rem;
	padding: 0.8rem;
}
/* cloth-print */
.item .cloth-print {
	gap: 1rem 5%;
}
.item .cloth-print .point {
	gap: 0.5rem 3%;
	margin-top: 0.5rem;
}
.item .cloth-print .point li {
	color: var(--color-primary);
	font-weight: 600;
	text-align: center;
	border: 1px solid var(--color-primary);
	border-radius: 0.3rem;
}
/* cloth */
.item .cloth-print .cloth {
	width: calc((100% - 5%) / 3*2);
}
/* print */
.item .cloth-print .print {
	width: calc((100% - 5%) / 3);
}
.item .cloth-print .print h5 {
	margin-top: 1rem;
}
/* prosessing */
.item .processing .left {
	width: calc((100% - 3%) / 3);
} 
.item .processing .right {
	width: calc((100% - 3%) / 3*2);
} 
.item .processing .right dl.flex_box {
	width: calc((100% - 3%) / 2);
	text-align: center;
	margin: 0;
}
.item .processing .right dt {
	color: #fff;
	background-color: var(--color-primary);
	padding: 0.3rem;
}
.item .processing .right dt:nth-of-type(2) {
	margin-top: 1rem;
}
.item .processing .right dd {
	font-size: 0.8rem;
	font-weight: 700;
	margin-top: 1px;
	padding: 0.59rem;
} 
.item .processing .right dd:nth-child(even) { background-color: #f5f5f5; }
.item .processing .right dd:nth-child(odd) { background-color: #f0f0f0; }

.item .processing .right img {
	align-self: flex-start;
}
/* price_list */
.item .price_list table {
	margin-top: 1rem;
	border: 0;
}
.item .price_list table th {
	background-color: #ccdce6;
}
.item .price_list table tr:nth-of-type(1) th {
	border-bottom: 1px solid #000;
}
.item .price_list table th:nth-of-type(1) {
	width: 9%;
	border-right: 1px solid #000;
	background-color: #ccdce6;
}
.item .price_list table tr:nth-of-type(2) th,
.item .price_list table tr:nth-of-type(3) th {
	background-color: #f2f6f9;
}
.item .price_list table td {
	width: calc((100% - 9%) / 8);
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.3;
	text-align: right;
	padding: 0.4rem;
}
.item .price_list table td span {
	display: inline-block;
	font-size: 0.8rem;
	padding-left: 0.1rem;
}
.item .price_list table td span.tax {
	display: block;
	margin-right: -0.6rem;
	padding-left: 0;
}

/*  商品（たすき）
---------------------*/
/* processing */
.item #tasuki .processing .right .myself {
	position: relative;
}
.item #tasuki .processing .right .myself h5 {
	background: url(https://senkyo-professional.com/wp/wp-content/uploads/top_tasuki_proc_tit_bg01.jpg) repeat-x;
	margin-bottom: 0;
	padding: 0.8rem;
}
.item #tasuki .processing .right .myself p {
	font-size: 0.9rem;
	border: 1px solid var(--color-border);
	border-top: 0;
	padding: 1.4rem 1.4rem 1.4rem 155px;
}
.item #tasuki .processing .right .myself img {
	position: absolute;
	width: 105px;
	top: 15px;
	left: 20px;
}
/* font */ 
.item #tasuki .font ul.flex {
	width: 80%;
	margin: 1rem auto;
}
.item #tasuki .font ul.flex li {
	width: calc((100% - 3%*3) / 4);
}

/*  商品（腕章）
---------------------*/
/* pictures */
.item #wansho .pictures li:nth-of-type(5) {
	width: calc((100% - 3%) / 2);
}
/* processing */
.item #wansho .processing .flex {
	gap: 0;
	margin-top: 2rem;
}
.item #wansho .processing .flex .flex_box {
	text-align: center;
	line-height: 0;
}
.item #wansho .processing .flex div:nth-of-type(1) {
	width: 22%;
}
.item #wansho .processing .flex div:nth-of-type(2) {
	width: 78%;
	background-color: blue;
}