/* =============================================================
入稿データの注意点　.design_important
============================================================= */
/* 共通
-------------------------------------------*/
/* 大枠
----------------------------*/
.design_important .dtf,
.design_important .silk, .design_important .tensya {
	margin-top: 6rem;
	background:#fff;
	box-shadow:1px 1px 7px #d3d3d3;
	padding:3rem 1rem;
}
/* 中枠
----------------------------*/
.design_important .inner_block{
	margin:2rem auto;
	width:98%;
}
.design_important .inner_block:first-child{
	margin-top: 0;
}
/* 小枠
----------------------------*/
.design_important .design_data .wrapper {
	margin-top:3rem;
}

/* 見出し
----------------------------*/
/* 中見出し */
.design_important h3 {
	font-size: 1.8rem;
	font-weight:600;
	letter-spacing:1.2px;
	color: #fff;
	text-align: center;
	background-color: #b3a98f;
	padding: 1rem;
	text-shadow:0px 0px 3px #333;
}
/* 中見出し */
.design_important h4 {
	font-size: 1.2rem;
	border-left: 8px solid #b3a98f;
	border-bottom: 1px solid #aaa;
	padding-left: .8rem;
	padding-bottom: .3rem;
	margin:1rem 0;
}

/* データ調整料 .attention
----------------------------*/
.design_important .attention{
	border:3px solid #a1272d;
	padding:1rem;
	margin:1rem 0;
}
.design_important .attention p:first-child{
	text-align:center;
	font-weight:500;
	font-size:1.1rem;
	margin-bottom:.5rem;
}
.design_important .attention span{
	color:#a1272d;
	font-weight:500;
}

/* ページ内リンクボタン
----------------------------*/
.design_important div.link_btn{
	margin:2rem 0;
	text-align:center;
	display:flex;
	flex-direction:row;
	gap:1rem;
}
.design_important div.link_btn a{
	display:flex;
	flex-direction:column;
	gap:1rem;
	flex:1;
	background:#fff;
	border-radius:10px;
	padding:1rem;
}
.design_important div.link_btn a .inner01{
	flex:1;
	display:flex;
	flex-direction:column;
}
.design_important div.link_btn a .inner01 .area{
	display:flex;
	flex-direction:column;
	flex:1;
}
.design_important div.link_btn a p.print_name{
	font-weight:500;
	font-size:1.4rem;
	margin:.5rem 0;
}
.design_important div.link_btn a p.print_price{
	margin-bottom:.5rem;
}
.design_important div.link_btn a i.icon{
	font-size:1.3rem;
	margin:0 auto;
	margin-top:auto;
	display:block;
}



/* 各注意点共通 .design_data
----------------------------*/
/* リスト */
.design_important .design_data .wrapper .inner {
	margin: 1.5rem auto;
	text-align:center;
}
.design_important .design_data li {
	width: 32%;
	margin: 0 auto;
}
.design_important .design_data li p {
	margin-bottom: 0.5rem;
}

/* 特殊効果
----------------------------*/
/* ul */
.design_important .design_data .wrapper:nth-of-type(9) ul {
	width:85%;
	margin:0 auto;
	gap:1rem;
	flex-flow:nowrap;
}

/* その他
----------------------------*/
/* 枠 */
.design_important .design_data .wrapper:last-of-type {
	margin-bottom:3.5rem;
}
/* ul */
.design_important .design_data .wrapper:last-of-type ul {
	flex-direction:column;
	gap:1rem;
}
/* li */
.design_important .design_data .wrapper:last-of-type ul li{
	width:100%;
}
/* p */
.design_important .design_data .wrapper:last-of-type ul p{
	text-align:left;
}


/* DTFプリント #dtf
-------------------------------------------*/
/* 画像を小さくしたいリスト
----------------------------*/
.design_important #dtf .design_data .wrapper:nth-of-type(4) figure, .design_important #dtf .design_data .wrapper:nth-of-type(8) figure{
	margin:2rem auto;
	width:60%;
}

/* 白版データ
----------------------------*/
/* 背景 */
.design_important .design_data .wrapper:nth-of-type(5) .inner {
	background:#f4f5f6;
	padding:2rem;
	margin:2rem auto;
}
/* 「なぜ白版データが必要なの？」 */
.design_important .design_data .wrapper:nth-of-type(5) p > a {
	display:block;
	text-align:center;
	text-decoration:underline;
}
/* 作成手順 */
.design_important .design_data .wrapper .content{
	margin:2rem auto;
}
/* 作成手順見出し */
.design_important .design_data .wrapper .content p.title {
	text-align:center;
	font-weight:bold;
	border-bottom:2px solid #aaa;
}
/* 各手順 */
.design_important .design_data .wrapper .content ul {
	border-bottom:1px solid #e7e7e7;
	padding:1.5rem;
	gap:2rem;
}
/* 各手順線消し */
.design_important .design_data .wrapper .content ul:last-of-type {
	border-bottom:none;
}
/* 各手順見出し */
.design_important .design_data .wrapper .content ul li{
	width:100%;
	flex:1;
	margin-top:0;
}
/* 各手順見出し */
.design_important .design_data .wrapper .content ul li p:first-of-type{
	font-weight:bold;
	text-align:left;
	border:none;
}
/* 各手順テキスト */
.design_important .design_data .wrapper .content ul li p:last-of-type{
	text-align:left;
}
/* 各手順画像 */
.design_important .design_data .wrapper .content ul li:last-of-type{
	text-align:center;
}

/* 白版データの弊社作成
----------------------------*/
/* 背景 */
.design_important .design_data .wrapper .option {
	background:#fff;
	border:1.5px solid #e33030;
	padding:1rem;
}
/* 見出し */
.design_important .design_data .wrapper .option p:first-of-type {
	text-align:center;
	font-weight:bold;
	border-bottom:3px dotted #aaa;
	margin-bottom:0.5rem;
}

/* DTFプリントの構造
----------------------------*/
/* 背景 */
.design_important .design_data  #structure{
	background:#f5f2eb;
	padding:1rem;
}
/* h6 */
.design_important .design_data  #structure h4{
	position:relative;
	background:#f5f2eb;
	text-align:center;
	border:none;
	padding-left:0;
}
/* h6:before,after */
.design_important .design_data  #structure h4::before, .design_important .design_data  #structure h4::after{
	position:absolute;
	content:"";
	border-bottom:2px solid #aaa;
	top:50%;
	width:28%;
}
/* h6:before */
.design_important .design_data  #structure h4::before{
	left:0;
}
/* h6:after */
.design_important .design_data  #structure h4::after{
	right:0;
}
/* 画像 */
.design_important .design_data  #structure ul{
	gap:1rem;
	margin:1rem auto;
}
/* 画像 */
.design_important .design_data  #structure li{
	width:100%;
	flex:1;
	text-align:center;
}

/* シルク印刷 .mono_print_silk
-------------------------------------------*/
/* 画像を小さくしたいリスト*/
.design_important #silk .design_data .wrapper:nth-of-type(3) figure{
	margin:2rem auto;
	width:60%;
}

/* カッティングシート（白黒印刷） .mono_print_cutting
-------------------------------------------*/
/* 画像を小さくしたいリスト*/
.design_important #tensya .design_data .wrapper:nth-of-type(2) figure, .design_important #tensya .design_data .wrapper:nth-of-type(4) figure{
	margin:2rem auto;
	width:60%;
}

/* =============================================================
レスポンシブ
============================================================= */

@media (max-width: 575px) {
	/* 共通
	-------------------------------------------*/
	.design_important .design_data li{
		width:45%;
	}

	/* ページ内リンクボタン
	-------------------------------------------*/
	.design_important div.link_btn{
		display:grid;
		grid-template-columns:repeat(2, 1fr);
	}

	/* DTF 白版データ
	-------------------------------------------*/
	.design_important .design_data .wrapper .content ul {
		flex-direction:column-reverse;
		gap:0;
	}


}