/* =============================================================
レスポンシブ
============================================================= */
/* 992px以上
-------------------------------------------*/
@media (min-width: 992px) {
	/* =============================================================
	全ページ共通部分
	============================================================= */
	/* ヘッダー
	-------------------------------------------*/
	/*  ロゴ・ナビ共通
	----------------------------*/
	/* 位置をセンターに（lightning更新上書き） */
	.site-header--layout--nav-float .site-header-logo a {
		width: auto;
	}
	/* グローバルナビゲーション
	-------------------------------------------*/
	/* 位置をセンター寄せに（lightning更新上書き）*/
	.site-header-container .global-nav--layout--float-right,
	.site-header-container .global-nav-list {
		margin: 0 auto;
	}
	/* ボタンのpadding調整 */
	.device-pc .global-nav-list>li>a {
		padding:16px 7px;
	}

	/*テキスト改行消す（SPのみ）*/
	.br_delete{
		display:none;
	}

}/* 992px以上終わり */



/* 1199px以下
----------------------------*/
@media (max-width: 1200px) {	
	/* =============================================================
	トップページ
	============================================================= */
	.mv_txt01{
		width:38%;
	}

	/*=================================================================
	トップページ見積りフォーム .form
	=================================================================*/
	/* 
	-------------------------------------------*/
	/*  */
	.silk_attention, .dtf_attention {
		margin: 3rem auto 2rem;
		padding: 0.8rem 0;
		width: 100%;
		background: #eee;
		text-align: center;
		position: relative;
	}

	/*  */
	.silk_attention figure, .dtf_attention figure{
		display:inline-block;
		margin:1rem auto;
	}


	/*  */
	.silk_attention::before, .dtf_attention::before  {
		position: absolute;
		content: "";
		background-image: none;
		margin-top: 0rem;
	}












} /* 1199以下終わり */

/* 1200px以上
----------------------------*/
@media (min-width: 1200px) {
	/* =============================================================
	全ページ共通部分
	============================================================= */
	/* 最大幅 */
	.container {
		max-width: 1180px;
		padding: 0;
	}
	/* =============================================================
	トップページ
	============================================================= */
	.mv_txt01{
		width:48%;
	}
}/* 1200px以上終わり */


/* 1400px以上
----------------------------*/
@media (min-width: 1400px) {	
	/* =============================================================
	トップページ
	============================================================= */
	.mv_txt01{
		max-width:58%;
	}

}/* 1400px以上終わり */


/* 1900px以上
----------------------------*/
@media (min-width: 1900px) {	
	/* =============================================================
	トップページ
	============================================================= */
	.mv_txt01{
		min-width:63%;
	}

}/* 1900px以上終わり */

/* 1080px以下
----------------------------*/
@media (max-width: 1080px) {
	/* =============================================================
	トップページ
	============================================================= */
	/*-------------------------------------
	見積ろフォーム背景色*/

	.top .form .wpcf7{
		background:#d1ccc3;
		padding:1rem;
	}

	/* 5つの生地の括り */
	.estimate .block01 ul{
		grid-template-columns:repeat(3,1fr);
		column-gap:2rem;
	}



}/* 1080以下終わり */



/* 992px以下
----------------------------*/
@media (max-width: 992px) {
	/* =============================================================
	トップページ
	============================================================= */
	/*-------------------------------------
	ボタン

	/*各注文プラン　ボタン*/
	.plan_btn{
		height:70px;
	}
	/*ボタン内のテキスト*/
	.plan_btn .txt{
		font-size:14px;
	}
	/*ボタンテキスト横のサークルアイコン*/
	.plan_btn .circle_icon{
		width:20px;
		height:20px;
		margin-left:2%;
		top:calc(100% - 48%);
		right:10px;
	}
	/*ボタンテキスト横のサークルアイコンの中の三角*/
	.plan_btn .circle_icon::before{
		width:5px;
		height:5px;
		border-top:solid 5px transparent;
		border-bottom:solid 5px transparent;
		border-left:solid 5px #fff;
	}



}/* 992以下終わり */

@media (max-width: 991.98px) {
	body, html {
		font-size: calc(var(--vk-size-text) * .7);
	}
}


/* 991px以下
----------------------------*/
@media (max-width: 991px) {
	/* =============================================================
	全ページ共通部分
	============================================================= */
	/* ヘッダー
	-------------------------------------------*/		
	/* mobileナビ
	----------------------------*/	
	/* 位置を変更 */
	.admin-bar .vk-mobile-nav-menu-btn {
		top: calc(46px + 55px);
	}

	/* グローバルナビゲーション
	-------------------------------------------*/
	/* タブレット以下のメニューを縦並びに */
	.vk-menu-acc {
		display: block;
	}

	/* フッター
	-------------------------------------------*/
	/* フッターウィジェット
	----------------------------*/	
	/* 運営会社のロゴ　サイズ調整 */
	.site-footer-content .col-lg-4:last-child .widget .m-company a img {
		width: 26%;
	}
	/* グループ会社を横幅いっぱいに */
	.site-footer-content .col-lg-4:last-child,
	.site-footer-content .col-md-6:last-child {
		flex: 0 0 100%;
		max-width: 100%;
		margin-top: 2rem;
	}
	.site-footer-content .col-lg-4:last-child .widget li,
	.site-footer-content .col-md-6:last-child .widget li {
		width: 31%;
	}

	/* =============================================================
	トップページ .top
	============================================================= */	
	/* メインビジュアル
	-------------------------------------------*/

	/* 弊社運営サイト .management_site
	-------------------------------------------*/
	/* 共通
	----------------------------*/
	/* タイトル部分
	-------------------*/
	/* h3内画像のサイズ調整 */
	.top .management_site .sorder h3 img { width: 56%; }
	.top .management_site .odesign h3 img { width: 62%; }
	.top .management_site .nmaku h3 img { width: 58%; }
	.top .management_site .gshop h3 img { width: 50%; }

	/* 写真と文章
	----------------------------*/
	/* 写真の幅変更 */
	.top .management_site li:first-child {
		width: 45%;
	}	
	/* 文字部分の幅変更*/
	.top .management_site li:last-child {
		width: 55%;
	}
	/* 大枠
	-------------------------------------------*/
	/* リスト
	----------------------------*/
	/* 三角の大きさと位置調整 */
	#parts li:nth-child(3)::after {
		width: 25px;
		height: calc(25px / 2);
		left: -25px;
	}


	/* =============================================================
	価格表 .price
	============================================================= */
	/* 共通
	-------------------------------------------*/
	/* テーブル
	----------------------------*/
	/* thのpadding変更 */
	.price table th {
		padding: 0.5rem;
	}
	/* tdのpadding変更 */
	.price table td {
		padding: 0.5rem;
	}	
	/* =============================================================
	ご注文の流れ .orderflow
	============================================================= */
	/* 数字 .num_group
	-------------------------------------------*/
	/* 文字サイズを変更 */
	.orderflow .step li.num_group p {
		font-size: 2.2rem;
	}
	/* 文字サイズを変更 */
	.orderflow .step li.num_group span {
		font-size: 1rem;
	}

	/* =============================================================
	お問合せ・お見積もり .contact
	============================================================= */
	/* lead文
	----------------------------*/
	/* 文字を左寄せに */
	.contact .txt_lead {
		text-align: left;
	}
	/* brを非表示に */
	.contact .txt_lead br {
		display: none;
	}
	/* ドメイン追加の注釈
	----------------------------*/
	/* 文字を左寄せに */
	.contact .mail_domain p + p {
		text-align: left;		
	}

	/* =============================================================
	お問合せ・お見積もりフォーム共通 .form
	============================================================= */
	/* 共通
	-------------------------------------------*/
	/* フォーカス対策
	----------------------------*/
	/* スマホのフォーカス防止のため文字サイズ変更、幅を変更 */
	.contact input,
	.contact textarea {
		font-size: 16px;
		width: 100%;
	}

	/* ブロック
	----------------------------*/
	/* 上マージン変更 */
	.form.block {
		margin-top: 2rem;
	}

	/* テーブル
	----------------------------*/
	/* 上マージン変更 */
	.contact table {
		margin-top: -2px; /* tableの重なり部分を解消 */
	}
	.contact table.first {
		margin-top: 0;
	}
	/* テーブルをブロック要素、横幅いっぱいに、padding調整 */
	.contact table th,
	.contact table td {
		display: block;
		width: 100%;
		padding: 1rem;
	}
	/* thの幅とデザイン */
	.contact table th {
		background-color: #efefef;
	}
	/* 見積もりのtdのpadding削除 */
	.contact table.estimate td {
		padding: 0;
	}
	/* テーブル in テーブル
	----------------------------*/
	/* 幅とパディング調整 */
	.contact table table th,
	.contact table table td {
		width: 100%;
		padding: 1rem;
	}
	/* 背景色・ボーダー変更 */
	.contact table table th {
		background-color: var(--color-accent-a15);
		border-top: 1px solid var(--color-border);
		border-bottom: 1px solid var(--color-border);
	}
	/* thのpadding再設定 */
	.contact table.estimate table td {
		padding: 1rem; /* 上の上書き */
	}
	/* 文字を元に戻す */
	.contact table th.vtop {
		vertical-align: baseline;
		padding-top: 1rem;
	}
	/* 再度幅を設定 */
	.contact table table td.p-number input {
		width: 6rem;
	}
	/* 注釈のみの行追加のためにマージン等調整 */
	.contact table tr.size th {
		padding-bottom: 1rem;
	}
	.contact table table tr.size td {
		padding-bottom: 0;
	}
	.contact table table tr.size_note th {
		border: none;
	}
	.contact table table tr.size_note td {
		padding-top: 0;
	}
	/* 必須・任意アイコン
	----------------------------*/
	/* 位置再調整 */
	.vtop .input_icon {
		top: 40%;
	}
	/*枚数の幅*/
	.block .sheet_number .wpcf7-form-control-wrap{
		width:30%;
	}

} /* 991以下終わり */

/* 768px以下
-------------------------------------------*/
@media (max-width: 768px) {
	/*===================================================================================
	共通
	===================================================================================*/


	/*------------------------------------------------------------
	見積りフォーム（完全データ・セミオーダー）
	-------------------------------------------------------------*/
	/*支払い方法の並び変更*/
	.contact .select_payment ul{
		display:flex;
		flex-direction:column;
		gap:10px;
		justify-content:center;
		align-items:center;
	}
	.contact .select_payment li{
		width:85%;
	}


	/*=================================================================
	トップページ
	=================================================================*/
	/*ノーマルタイトルの改行あり*/
	.first_heading br{
		display:block;
	}

	/* のれんを作るときのチェックポイント .point
	-------------------------------------------*/
	/* 画像とテキストを横並びに */
	.top .point .wrapper .inner{
		flex-direction:column-reverse;
	}

	/* 「スタッフ」画像 */
	.top .point .wrapper .inner figure{
		width:50%;
		margin-top:1rem;
	}

	/* 右側のテキストを縦並び */
	.top .point ul{
		width:95%;
		margin:0 auto;
	}

	/* 番号背景色(■)の配置 */
	.top .point li::before{
		width:25px;
		height:25px;
		top:50%;
		left:-12.5px;
		transform:translateY(-50%);
	}
	/* 【1】番号の配置 */
	.top .point li.point_01::after{
		width:25px;
		height:25px;
		font-size:1.2rem;
		left:-5px;
	}
	/* 【2】番号の配置 */
	.top .point li.point_02::after{
		width:25px;
		height:25px;
		font-size:1.2rem;
		left:-5px;
	}
	/* 【3】番号の配置 */
	.top .point li.point_03::after{
		width:25px;
		height:25px;
		font-size:1.2rem;
		left:-5px;
	}

	/* ボタン 画像とテキストを縦並び */
	.top .point .btn .inner{
		flex-direction:column;
	}

	/* 当店で取り扱う麻のれんの生地と仕様について .main
	----------------------------------------------------------------*/
	/*  共通 .full_wide
	-------------------------------------------*/
	/* flex用のコンテンツ */
	.main .full_wide .wrapper{
		flex-direction:column;
		gap:2rem;
	}
	.main .full_wide:nth-of-type(2) .wrapper {
		flex-direction: column;
		gap:2rem;
	}

	/* 商品画像 */
	.top .main .full_wide img{
		width:100%;
	}

	/* 説明テキスト */
	.top .main .full_wide .explanation{
		width:95%;
		margin-right:0;
	}
	/* 説明テキスト(仕様用) */
	.top .main .full_wide:nth-of-type(2) .explanation{
		width:95%;
		margin-left:0;
	}

	/* 見出しのアイコン */
	.top .explanation span.hdr_icon{
		left:-3.5rem;
	}

	/* テキスト内の見出し */
	.top .explanation h4{
		margin-bottom:0.8rem;
	}

	/*-----------------------------------------------
	「麻のれんについて」コンテンツ .about */
	/* コンテンツの幅 */
	.top .about .explanation{
		width:95%;
		margin:0 auto;
	}

	/* extra オプション品 #option
	-------------------------------------------*/
	/* アイコン三角 */
	.beginner #option a.option_btn::after{
		right:7%;
	}

	/*=================================================================
	はじめてのれんを作る方へ .beginner
	=================================================================*/
	/* 初めに .first_btn
	-------------------------------------------*/
	/* ボタンの包み */
	.beginner .first_btn ul{
		grid-template-columns:repeat(3,1fr);
		grid-template-rows:repeat(3,1fr);
		column-gap:0.8rem;
		row-gap:0.8rem;
	}

	/* step名 */
	.beginner .first_btn p.step_number{
		padding:0;
		font-size:1.2rem;
		border-radius:8px 8px 0 0;
	}

	/* 各ボタンの名称 */
	.beginner .first_btn p.step_name{
		border:solid 1.2px #ccc;
		font-size:1.2rem;
		min-height:0;
		border-radius:0 0 8px 8px;
		padding: 0.4rem 0 0.4rem;
	}

	/* 「竿通し…」のみ */
	.beginner .first_btn a:nth-child(4) p.step_name{
		padding:.2rem 0;
		font-size:1rem;
	}

	/* ボタンのアイコン */
	.beginner .first_btn span.icon_arrow{
		display:none;
	}


	/* 生地 #cloth
	-------------------------------------------*/
	/* 各生地の枠 */
	.beginner #cloth ul{
		gap:3rem;
		margin:2rem auto 4rem;
	}

	/* 生地ページリンク */
	.beginner #cloth li a{;
		border-radius:10px;
	}

	/* 「プリント方法について」ボタン */
	.beginner #cloth a.print_btn{
		border:1.5px solid #b39a6b;
		border-radius:10px;
	}	

	/* アイコン三角 */
	.beginner #cloth a.print_btn::after{
		right:12%;
	}


	/* 割れの数 #split
	-------------------------------------------*/
	/* 2~5割れの枠 */
	.beginner #split ul{
		grid-template-columns:repeat(2,1fr);
		gap:2rem;
	}


	/*=================================================================
	取り扱い生地 .cloth
	=================================================================*/
	/* はじめ .first
	-------------------------------------------*/
	/* 生地比較横並び */
	.cloth .first .wrapper{
		flex-direction:column;
	}


	/* 各コンテンツ
	-------------------------------------------*/
	/* 各生地内のスライドと説明文を横並び */
	.cloth .content .sub_block .wrapper01{
		flex-direction:column;
		justify-content: space-around;
		gap:1.5rem;
	}

	/* 各生地の画像スライドの幅 */
	.cloth .content .sub_block .wrapper01 .slider{
		width:100%;
	}

	/* 各生地の説明文内を縦並び */
	.cloth .content .sub_block .wrapper01 .inner{
		width:100%;
		gap:1.5rem;
	}

	/* 各生地の説明文内の生地の厚み枠 */
	.cloth .content .sub_block .wrapper01 .inner .thickness{
	}

	/* 各生地のカラーと動画 横並び */
	.cloth .content .sub_block .wrapper02{
		flex-direction:column;
	}

	/* 各生地のカラーののれん横並び */
	.cloth .content .sub_block .wrapper02 .inner_flex{
		gap:1.5rem;
	}

	/* 各生地のカラーの各幅 */
	.cloth .content .sub_block .wrapper02 .inner:first-child{
		width:100%;
	}

	/* 各生地の動画の各幅 */
	.cloth .content .sub_block .wrapper02 .inner:last-child{
		max-width:100%;
		width:100%;
	}

	/* 色付き生地画像とテキストを横並び */
	.cloth .natural .sub_block .ex02 .inner{
		margin:2rem auto;
		display:flex;
		flex-direction:column;
		gap:2rem;
		justify-content:space-around;
	}

	/* 画像とテキストの幅 */
	.cloth .natural .sub_block .ex02 .inner img, .cloth .natural .sub_block .ex02 .inner p{
		width:100%;
	}

	/* プリント方法横並び */
	.cloth .content .sub_block .ex_print .print_type{
		flex-direction:column;
	}


	/*=================================================================
	仕様について .specification
	=================================================================*/
	/* 共通
	-------------------------------------------*/
	/* コンテンツの上下余白 */
	.specification .content{
		margin:5rem 0;
	}

	/* 上のコンテンツ>右画像 */
	.specification figure{
		margin:0 auto;
		text-align:center;
	}

	/* 割れについて #split
	-------------------------------------------*/
	/* 各割れを包むコンテンツ */
	.specification #split ul{
		width:98%;
	}


	/* 竿通しについて 
	-------------------------------------------*/
	/* 棒袋・共チチの包み */
	.specification .sub_block{
		margin:3.5rem auto;
		width:98%
	}

	/* 各仕立ての画像とテキスト横並び */
	.specification #sao .sub_block .wrapper{
		display:flex;
		flex-direction:column;
	}

	/* 各仕立ての左コンテンツ */
	.specification #sao .sub_block .wrapper figure:first-child, .specification #sao .sub_block .wrapper .inner {
		width:100%;
	}

	/* 上のコンテンツ */
	#sao .pieces .pieces_wrapper01{
		flex-direction:column;
	}

	/* 上のコンテンツ>左テキスト */
	#sao .pieces .pieces_inner01{
		width:100%;
	}
	/* 上のコンテンツ>右画像 */
	#sao .pieces .pieces_wrapper01 figure{
		width:80%;
		margin:0 auto;
	}

	/* 下のコンテンツ>画像を横並び */
	#sao .pieces .pieces_inner02{
		flex-direction:column;
	}

	/* 下のコンテンツ>画像を横並び */
	#sao .pieces .pieces_inner02 div{
		width:100%;
	}


	/* ハギについて 
	-------------------------------------------*/
	/* コンテンツの横並び */
	#hagi .wrapper{
		flex-direction:column;
		gap:0;
	}




	/*=================================================================
	プリントについて .print
	=================================================================*/
	/* 共通
	-------------------------------------------*/
	/* コンテンツ大括り */
	.print .content {
		margin: 6rem 0;
	}

	/* ページ内リンクボタン
	-------------------------------------------*/
	/* 3つのボタン並び */
	.print .first ul {
		flex-direction: column;
		gap: 2rem;
	}

	/* ボタンと対応生地の括り */
	.print .first li {
		display:flex;
		flex-direction:row;
	}

	/* ボタン括り */
	.print .first ul li a {
		flex:0.65;
	}

	/* 対応生地括り */
	.print .first ul .inner02 {
		flex:0.3;
	}

	/* ボタンの画像 */
	.print .first li img {
		display:none;/* pcの画像を消す */
	}

	/* ボタンのデザイン */
	.print .first li .inner01 {
		background-size:cover;
		background-repeat:no-repeat;
	}
	/* シルクボタン */
	.print .first li:first-child .inner01 {
		background-image:url(https://asanotakumi.sizeorder-noren.com/wp/wp-content/uploads/print_first_img01.jpg);
	}
	/* DTFボタン */
	.print .first li:nth-child(2) .inner01 {
		background-image:url(https://asanotakumi.sizeorder-noren.com/wp/wp-content/uploads/print_first_img02.jpg);
	}
	/* 昇華転写ボタン */
	.print .first li:last-child .inner01 {
		background-image:url(https://asanotakumi.sizeorder-noren.com/wp/wp-content/uploads/print_first_img03.jpg);
	}

	/* ボタン内のテキスト括り */
	.print .first li .inner01 .area {
		background: rgb(255, 255, 255, 0.8);
		margin:0.8rem;
		color:#000;
	}

	/* 赤枠内の値段テキスト */
	.print .first li .inner01 .area .print_price {
		color:#fff;
		font-size:1.05rem;
	}

	/* 値段（）内 */
	.print .first li .inner01 .area .print_price span {
		font-size:0.9rem;
	}

	/* 下矢印 */
	.print .first span.icon {
		border: solid 2px #000;
		border-top: transparent;
		border-right: transparent;
	}

	/* 対応生地テキスト */
	.print .first ul .inner02 .cloth_title {
		font-size: 1.1rem;
		border-bottom: dotted 2px var(--color-inner);
	}


	/* 各プリントコンテンツ
	-------------------------------------------*/
	/* 横並びのコンテンツ */
	.print .content .wrapper ul {
		flex-direction: column;
		gap: 2rem;
	}

	/* 各プリントのサムネ */
	.print .content .wrapper .print_img {
		width:90%;
		margin:0 auto;
	}

	/* テキストとプリントアイコン */
	.print .content .print_txt {
		gap:1rem;
	}

	/* 各プリントのアイコン */
	.print .content .wrapper .print_txt img {
		width:80%;
		margin:0 auto;
	}

	/* 各価格・目安サイズ */
	.print .content .print_price_size li {
		width: 95%;
		margin:0 auto;
		padding:1rem;
		background:#f9f9f9;
	}

	/* 各価格・目安サイズの画像 */
	.print .content .print_price_size li figure {
		width: 50%;
		margin:0 auto;
	}

	/* 各価格・目安サイズの【】のテキスト */
	.print .content .print_price_size li p.lead {
		margin:0.5rem auto;
	}

	/* プリント可能範囲アイコン */
	.print .content .print_price_size .color_area {
		margin-top:0.5rem;
	}

	/* 印刷位置について */
	.print .content .print_position li {
		width: 95%;
		margin: 0 auto;
		padding: 0rem;
		background:transparent;
	}

	/* 印刷位置について/赤枠内 */
	.print .content .print_position ul li:nth-child(even) {
		padding: 2rem;
		gap:1rem;
	}

	/* 作業工程 */
	.print .content .print_process ul {
		flex-direction:column;
	}

	/* 各工程 */
	.print .content .print_process ul li {
		flex-direction: row;
		gap: 0.5rem;
		width: 98%;
	}

	/* 各工程の画像 */
	.print .content .print_process ul li img{
		width:30%;
	}

	/* 各工程のテキスト */
	.print .content .print_process ul li p{
		flex:1;
	}

	/* 各工程の見出し */
	.print .content .print_process li p span {
		border-bottom: dotted 2px #aaa;
		padding-bottom: 0.3rem;
		width: 100%;
		display: inline-block;
		font-weight: 520;
	}

	/* シルクプリント
	-------------------------------------------*/
	/* プリント完成図 */
	.print #silk .completion {
		flex-direction: column;
	}

	/* 注意書きエリア */
	.print #silk .design .attention_area {
		text-align: left;
		padding: 1rem;
		margin: 1rem 0;
	}

	/* フォント見本かデータ入稿かのボタン */
	.print #silk .design .print_select ul {
		gap: 1rem;
	}

	/* フォント見本括り */
	.print #silk .design .font_samples ul {
		grid-template-columns: repeat(5, 1fr);
	}

	/* フォント見本の画像 */
	.print #silk .design .font_samples ul figure {
		margin-bottom:0.2rem;
	}

	/* フォント見本表の画像 */
	.print #silk .design .font_samples table img{
		width:30%;
	}

	/* フォント見本表の左側 */
	.print #silk .design .font_samples table th, .print #silk .design .font_samples table td{
		padding:0.5rem;
	}

	/* DTFプリント
	-------------------------------------------*/
	/* 大判プレスなどのエリア */
	.print #dtf .print_process .completion ul {
		flex-direction: column;
		gap: 1rem;
	}

	/* 各コンテンツ */
	.print #dtf .print_process .completion li{
		width: 95%;
		align-items: center;
	}

	/* 大判プレスコンテンツ */
	.print #dtf .print_process .completion li:first-child {
		gap: 1rem;
		padding: 1rem;
		width: 95%;
	}

	/* 各コンテンツの画像 */
	.print #dtf .print_process .completion li img{
		width: 100%;
	}

	/* 2，3番目のコンテンツ画像 */
	.print #dtf .print_process .completion li:nth-child(2) img, .print #dtf .print_process .completion li:nth-child(3) img{
		width: 50%;
	}

	/* 昇華転写プリント
	-------------------------------------------*/
	/* 片面印刷の画像 */
	.print #tensya .print_about ul:first-of-type figure {
		width: 90%;
	}
	/*  */
	.print #tensya .print_about ul:last-of-type figure {
		width: 100%;
	}

	/*=================================================================
	トップページ見積りフォーム .form
	=================================================================*/

	/* 01生地を選ぶ
	-----------------------------------------------------------------*/
	/* 生地画像と生地の説明テキスト */
	.estimate .block01 ul li label{
		min-height:0px;
	}

	/*  プリント
	-----------------------------------------------------------------*/
	/*  -1.ワンポイントプリントをお選びください-
	----------------------------*/
	/* プリント選択括り */
	.estimate .block03 .print_natural ul.first{
		flex-direction:column;
		gap:1.8rem;
		margin:2rem auto;
	}

	/* 各プリントボタン */
	.estimate .block03 .print_natural ul.first li{
		gap:0.5rem;
		width:100%;
	}

	/* プリント選択括り */
	.estimate .block03 .print_natural ul.first label{
		display:flex;
		flex-direction:row-reverse;
		gap:1rem;
		margin:0;
		min-width:100%;
		align-items:center;
	}

	/* プリント選択括り */
	.estimate .block03 .print_natural ul.first label figure, .estimate .block03 .print_natural ul.first label .txt_inner{
		flex:1;
		margin:0;
	}

	.form .print .first li img{
		display:inline-block;
	}

	/*  -5.ご希望の書体をお選びください-
	----------------------------*/
	/* 各書体のボタン */
	.estimate .block03 .print_natural .print_silk_font_05 ul {
		grid-template-columns:repeat(5,1fr);
		column-gap: 1.5rem;
	}

	/* 各ボタン */
	.estimate .block03 .print_natural .print_dtf_02 ul li{
		width:100%;
	}

	/* ボタンの括り */
	.estimate .block06 ul{
		gap:1.5rem;
		width:80%;
		margin:0 auto;
	}

	/* ボタンの括り */
	.estimate .block06 ul li label{
		flex-direction:column;
	}

	/* 各ボタンのテキスト */
	.estimate .block06 ul li label div{
		flex:1;
	}

	/* 括り大 */
	.estimate .block06 .specification_bobukuro, .estimate .block06 .specification_chichi .ex_inner{
		padding:1.5rem;
		width:95%;
	}

	/* ボタン */
	.estimate .block06 .specification_chichi ul label{
		flex-direction: column;
	}

	/* ボタンの括り */
	.estimate .block06 .specification_bobukuro ul{
		grid-template-columns:repeat(2,1fr);
		gap:1rem;
	}

	.estimate .block06 .specification_bobukuro ul li label{
		margin:0;
	}

	/* 各例の括り */
	.estimate .block06 .specification_chichi .ex_inner ul:nth-of-type(2), 
	.estimate .block06 .specification_chichi .ex_inner ul:nth-of-type(3){
		width:90%;
	}

	/* 共チチの基本サイズ案内 */
	.estimate .block06 .specification_chichi .inner{
		width:100%;
	}

	/* 各ボタン */
	.estimate .block08 ul li{
		width: 100%;
	}

	/* 各ボタンlabel */
	.estimate .block08 ul li label{
		padding:0.8rem 0.5rem;
	}

	/* 各ボタン */
	.estimate .block08 ul.itemselect {
		display:grid;
		grid-template-columns:repeat(3,1fr);
		gap:2rem;
	}


}
/* 767px以下
-------------------------------------------*/
@media (max-width: 767px) {
	/* =============================================================
	全ページ共通部分
	============================================================= */
	/* ページ全体
	-------------------------------------------*/
	/*  ページトップの余白消去
	----------------------------*/
	.site-body{
		padding:0;
	}
	/*  テーブル
	----------------------------*/
	/* テーブルラップ */
	.table_wrap {
		overflow: scroll; /* スマホでスクロールするように */
	}
	/* ヘッダー
	-------------------------------------------*/
	/* ロゴ
	----------------------------*/
	/* 上下のマージンを変更 */
	.site-header--layout--nav-float .site-header-logo {
		padding-top: 1.4rem;
		margin-bottom: 1.3rem;
	}
	/* 大きさ */
	.site-header--layout--nav-float .site-header-logo img {
		width: 45%;
	}
	/* mobileナビ
	----------------------------*/	
	/* 位置を変更 */
	.admin-bar .vk-mobile-nav-menu-btn {
		top: calc(46px + 42px);
	}
	/* ページタイトル（トップ以外）
	-------------------------------------------*/
	/* 高さ・背景 */
	.page-header {
		min-height: auto;
		padding: 1.5rem 0.2rem;
	}

	/* コンテンツ
	-------------------------------------------*/
	/* 大枠
	----------------------------*/
	/* コンテンツ下マージン変更 */
	.site-body {
		margin-bottom: 3rem;
	}
	/* 全幅背景
	----------------------------*/
	/* padding変更 */
	.wide {
		/*padding: 2rem 0;*/
	}
	/* 全幅背景中のコンテンツ幅変更 */
	.wide_inner {
		width: 95%;
	}
	/* バナー・ボタンSP用（S用P表示、PC用非表示）
	----------------------------*/
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}

	/* ページ内リンク .page_link
	----------------------------*/
	/* 横幅変更と上マージン追加 */
	.page_link li {
		width: 100%;
		margin-top: 1rem;
	}
	/* 一番上のマージンは削除 */
	.page_link li:first-child {
		margin-top: 0; /* 上の打消し */
	}

	/* ボタン
	----------------------------*/
	/* もっと見るボタン
	-------------------*/
	/* aの幅とpaddingを変更 */
	a.readbtn {
		width: 60%;
		font-size: 1rem;
		color: #fff;
		background-color: var(--color-primary-a80);
		margin-top: 1rem;
		padding: 1rem 0.5rem;
	}
	/* ダウンロードボタン
	-------------------*/
	/* aのpadding調整 */
	.dlbtn {
		padding-top: 0.8rem;
	}
	/* spanの後に画像の位置変更 */
	.dlbtn span:after {
		vertical-align: bottom;
	}

	/* フッター
	-------------------------------------------*/
	/* フッターウィジェット
	----------------------------*/
	/* 2番目の上下マージン変更 */
	.site-footer-content .col-lg-4:nth-child(2),
	.site-footer-content .col-md-6:nth-child(2) {
		margin-top: 2rem;
	}
	/* 運営会社のロゴ　サイズ調整 */
	.site-footer-content .col-lg-4:last-child .widget .m-company a img {
		width: 40%;
	}
	/* グループ会社を横幅2列に */
	.site-footer-content .col-lg-4:last-child .widget li,
	.site-footer-content .col-md-6:last-child .widget li {
		width: 47%;
	}

	/* =============================================================
	トップページ .top
	============================================================= */
	/* 共通
	-------------------------------------------*/	
	/* ブロック
	----------------------------*/
	/* マージンを変更 */
	.top .block {
		margin-top: 2rem;
	}
	/* メインビジュアル
	-------------------------------------------*/
	/*メインビジュアルの文字imgを消す*/
	.mv_txt01{
		display:none;
	}

	/* 注意事項 .installation
	-------------------------------------------*/
	/* liの幅を変更 */
	.top .installation li:first-child {
		width: 20%;
	}
	.top .installation li:last-child {
		width: 80%;
	}
	/* 画像のサイズを変更 */
	.top .installation li:first-child img {
		width: 70%;
		margin: 0 auto;
	}
	/* オリジナルデザイン .bnr_rmade
	-------------------------------------------*/
	/* block */
	.top .bnr_rmade {
		margin-top: 4rem;
	}
	/* バナー上文章 */
	.top .bnr_rmade p {
		font-size: 1.2rem;
	}
	/* br表示 */
	.top .bnr_rmade p br {
		display: none;
	}

	/* 弊社運営サイト .management_site
	-------------------------------------------*/
	/* タイトル部分
	-------------------*/	
	/* h3のbrを表示 */
	.top .management_site h3 br {
		display: block;
	}
	/* h3内画像のサイズ調整 */
	.top .management_site .sorder h3 img { width: 80%; }
	.top .management_site .odesign h3 img { width: 87%; }
	.top .management_site .nmaku h3 img { width: 78%; }
	.top .management_site .gshop h3 img { width: 68%; }

	/* 写真と文章
	----------------------------*/
	/* 写真の幅を変更 */
	.top .management_site li:first-child {
		width: 100%;
	}
	/* 文字部分の幅変更*/
	.top .management_site li:last-child {
		width: 100%;
		padding: 0.3rem 0.5rem 0.5rem;
	}
	.top .management_site li h4 {	
		font-size: 1.3rem;
		text-align: center;
	}
	.management_site h4 br {
		display: block;
	}
	.top .management_site li p {
		display: none;
	}


	/* =============================================================
	製作事例 .works
	============================================================= */
	/* クライアントのレイアウト
	-------------------------------------------*/
	/* 左側（写真）
	----------------------------*/
	/* liの横幅を変更 */
	.works .client li.pic {
		width: 100%;
	}	
	/* 右側（文章）
	----------------------------*/
	/*　大枠
	---------------------*/
	/* liの横幅を変更 */
	.works .client li.txt {
		width: 100%;
		margin-top: 1rem;
	}
	/*　クライアント名
	---------------------*/
	/* センター寄せに */
	.works .client .name,
	.works .client .name h3 {
		text-align: center;
	}
	/* 仕様
	---------------------*/
	/* タイトルのデザイン変更 */
	.works .client .specification .tit {
		padding-left: 0;
		padding-top: 0.2rem;
		padding-bottom: 0.2rem;
		border-left: none;
		border-bottom: 1px solid #5d6682;
		border-top: 1px solid #5d6682;
		text-align: center;
	}
	/* センター寄せに */
	.works .client .specification ul {
		justify-content: center;
		margin-top: 0.5rem;
	}

	/* =============================================================
	価格表 .price
	============================================================= */
	/* 共通
	-------------------------------------------*/
	/* テーブル
	----------------------------*/
	/* tableの幅設定 */
	.price .cloth table {
		width: 700px;
	}

	/* =============================================================
	ご注文の流れ .orderflow
	============================================================= */
	/* 数字 .num_group
	-------------------------------------------*/
	/* 幅を100%に変更 */
	.orderflow .step li.num_group {
		width: 100%;
	}
	/* margin-topを削除*/
	.orderflow .step li.num_group .inner {
		padding-top: 0;
	}
	/* positionをrelativeに、paddingを少なく */
	.orderflow .step li.num_group p {
		position: relative;
		font-size: 1.6rem;
		padding: 0.5rem;
	}
	/* stepをinlineに、文字の大きさ調整 */
	.orderflow .step li.num_group span {
		font-size: 1.3rem;
		display: inline-block;
		margin-right: 0.5rem;
	}

	/* 文章 .txt_group
	-------------------------------------------*/
	/* 幅を90%に、センター寄せに */
	.orderflow .step li.txt_group {
		width: 95%;
		text-align: center;
		margin: 1rem auto 0;
	}
	/* 文章 .txt
	----------------------------*/
	/* 幅を調整、順番を変更*/
	.orderflow .step li.txt_group .txt {
		width: 77%;
		order: 2;
	}
	/* marginを削除 */
	.orderflow .step li.txt_group h3 {
		margin-top: 0;
		border-bottom: 1px dotted #2c5134;
		padding-bottom: 0.2rem;
	}
	/* テキストを左寄せに*/
	.orderflow .step li.txt_group p {
		text-align: left;
	}
	/* ピクト .pict
	----------------------------*/
	/* 幅を調整、順番を変更*/
	.orderflow .step li.txt_group .pict {
		width: 18%;
		order: 1;
	}
	/* 矢印とライン .arrow_line
	-------------------------------------------*/
	/* 幅を変更 */
	.orderflow .arrow_line .arrow {
		width: 100%;
		order: 2;
	}
	/* 画像サイズ */
	.orderflow .arrow_line .arrow img {
		width: 10%;
	}
	/* 線 */
	.orderflow .arrow_line .line {
		display: none;
	}

	/* =============================================================
	送料・お支払い .payment
	============================================================= */
	/* 共通
	-------------------------------------------*/
	/* 定義リスト
	----------------------------*/
	/* タイトル左のボーダーを削除 */
	.payment dt {
		border-left: none;
	}

	/* =============================================================
	よくある質問 .faq
	============================================================= */
	/* 共通
	-------------------------------------------*/
	/* 全体
	----------------------------*/
	/* 矢印の位置調整 */	
	.faq details summary:before {
		left: 1.2rem;
	}
	.faq details summary:after {
		left: 1.65rem;
	}
	.faq details[open] summary:after {
		left: 1.4rem;
	}
	.faq details summary {
		padding-left: 2.8rem;
		padding-right: 2.8rem;
	}
	/* details-contentの左右padding削除 */
	.faq details .details-content {
		padding-top: 0.5rem;
		padding-left: 0;
		padding-right: 0;
	}
	/* pictureが入るときの幅変更 */
	.faq details .details-content.picture p,
	.faq details .details-content.picture img {
		width: 100%;
		margin-top: 0.5rem;
	}
	.faq details .details-content.picture p {
		order: 2;
	}
	.faq details .details-content.picture img {
		order: 1;
	}

	/* =============================================================
	会社情報 .company
	============================================================= */
	/* 会社概要
	-------------------------------------------*/
	/* 定義リスト
	----------------------------*/
	/* リスト 縦並びに */
	.company dl {
		flex-flow: column;
	}
	/* マージンとボーダー削除 */
	.company dt,
	.company dd {
		margin: 0;
		border-bottom: 0;
		padding: 0;
	}
	/* タイトル　横幅を100%に 背景追加してセンター寄せ　マージン調整 */
	.company dt {
		width: 100%;
		background-color: var(--color-primary-bright-a20);
		text-align: center;
		padding: 0.5rem;
		margin: 1rem 0 0;
	}
	/* 詳細　横幅を100%に　マージン調整 */
	.company dd {
		width: 100%;	
		margin: 0.5rem 0 1rem;
	}	
	/* 写真
	----------------------------*/
	/* 上マージン */
	.company .company_profile .pic.sp {
		margin-top: 1rem;
	}
	/* テキスト横幅100%に */
	.company .company_profile li.txt,
	.company .company_profile li.txt dt,
	.company .company_profile li.txt dd {
		width: 100%;
	}
	.company .pic.sp {
		display: block;
	}

}/* 767pxpx以下終わり */

/*600px以下*/
@media screen and (max-width: 600px){
	/*==============================================================================
	トップページ見積りフォーム
	==============================================================================*/
	/* 生地の説明テキスト */
	.estimate .block01 ul li .txt_area {
		min-height:0;
		padding:0.5rem;
	}

	/* 生地の説明テキスト */
	.estimate .block01 ul li .txt_area h6{
		padding-bottom:0rem;
		margin-bottom:0rem;
	}

	/* 生地の説明テキスト */
	.estimate .block01 ul li .txt_area p{
		display:none;
	}

	/* 生地色括り */
	.estimate .block02 .color_inner ul{
		gap:1rem;
	}



}/* 600pxpx以下終わり */


/*480px以下*/
@media screen and (max-width: 480px){
	/*==============================================================================
	共通
	==============================================================================*/
	.wpcf7-list-item{
		display:block;
		margin-top:1rem;
	}
	.wpcf7-list-item {
		margin-left: 0rem;
	}
	.center{
		text-align:left;
	}
	/*見出しが長文の場合*/
	.bdrb_heading br{
		display:block;
	}
	/*見積りフォーム　ファイル選択の文字の大きさ変更*/
	.contact input, .contact textarea {
		font-size: 12px;
	}

	/*===========================================================================
	トップページお見積りフォーム
	===========================================================================*/
	/* 大枠 */
	.estimate{
		padding:1rem;
	}

	/* 各プリントのラベル */
	.estimate ul li label{
		padding:0.5rem;
	}

	/* 5つの生地の括り */
	.estimate .block01 ul{
		grid-template-columns:repeat(2,1fr);
	}

	/* 生地色括り */
	.estimate .block02 .color_inner ul{
		grid-template-columns:repeat(3,1fr);
		gap:0.8rem;
	}

	/* 各小見出しコンテンツ */
	.estimate .block03 .print .inner{
		margin:2rem auto;
	}

	/* プリント選択括り */
	.estimate .block03 .print_natural ul{
		gap:1.5rem;
	}

	/* 各ボタン */
	.estimate .block03 .print_natural .print_silk_02 ul li{
		width:30%;
	}

	/* 各ボタン */
	.estimate .block03 .print_natural .print_silk_03 ul li{
		width:40%;
	}

	/* 各ボタン */
	.estimate .block03 .print_natural .print_silk_04 ul li {
		width:45%;
	}

	/* 各書体のボタン */
	.estimate .block03 .print_natural .print_silk_font_05 ul {
		grid-template-columns:repeat(3,1fr);
		gap: 1.5rem;
	}

	/* 画像とテキストの括り */
	.estimate .block03 .print_polyester .inner_area ul{
		margin-top:1rem;
	}

	/* 画像とテキスト */
	.estimate .block03 .print_polyester .inner_area ul li{
		width:100%;
		flex:1;
	}

	/* ボタンの括り */
	.estimate .block03 .print_polyester .print_tensya_01 ul{
		gap:1rem;
	}

	/* ボタンの括り */
	.estimate .block03 .print_polyester .print_tensya_01 ul figure{
		padding:0.5rem;
	}


	/* 各ボタン */
	.estimate .block03 .print_polyester .inner ul.tensya_btn li{
		width:100%;
		flex:1;
	}

	/* 割れボタン括り */
	.estimate .block05 ul{
		grid-template-columns:repeat(3,1fr);
		column-gap:1rem;
	}

	/* 各ボタン */
	.estimate .block06 ul {
		width:98%;
	}

	/* 各ボタン */
	.estimate .block08 ul.itemselect {
		grid-template-columns:repeat(3,1fr);
		gap:1rem;
	}

	/* ボタンのh6 */
	.estimate .block08 ul.itemselect h6{
		font-size:1rem;
	}

	/* 支払い方法余白 */
	.block09 .s-payment ul {
		gap:1rem;
	}




















	/*===========================================================================
	初めてのれんを作る方へ .beginner
	===========================================================================*/
	/* 生地 #cloth
	-------------------------------------------*/
	/* アイコン三角 */
	.beginner #cloth li a::after{
		right:8%;
	}

	/* アイコン三角 */
	.beginner #cloth a.print_btn::after{
		right:13%;
	}


	/* サイズ #size
	-------------------------------------------*/
	/* ステップの枠 */
	.beginner #size .inner_w ul{
		flex-direction:column;
	}

	/* 大枠 */
	.beginner #size .inner_h{
		margin:3.5rem 0 2rem;
	}

	/* 「ご注意ください」 */
	.beginner #size .inner_h .sub_inner span{
		display:block;
		margin-right:0;
	}

	/* 画像 */
	.beginner #size .inner_h .sub_inner ul{
		gap:1.5rem;
		margin-top:1rem;
		flex-direction:column;
	}

	/* 割れの数 #split
	-------------------------------------------*/
	/* 暖簾の画像の枠 */
	.beginner #split .inner .image_area{
		flex-direction:column;
		align-items:center;
		padding-top:1rem;
		padding-bottom:0;
	}

	/* 画像 */
	.beginner #split .inner .image_area figure{
		width:70%;
	}
	/* 右の画像 */
	.beginner #split .inner .image_area figure:last-child{
		margin-right:0rem;
	}

	/* 4.竿通しの仕立てとサイズ #specification
	-------------------------------------------*/
	/* 棒袋と共チチコンテンツの枠 */
	.beginner #specification ul{
		flex-direction:column;
	}

	/* 5.ハギの長さ #hagi
	-------------------------------------------*/
	/* 画像とテキストの枠 */
	.beginner #hagi ul{
		gap:0rem;
		flex-direction:column;
	}

	/* extra オプション品 #option
	-------------------------------------------*/
	/* アイコン三角 */
	.beginner #option a.option_btn::after{
		right:8%;
	}






	/*===========================================================================
	麻のれんについて .hemp_about
	===========================================================================*/

	/* 各コンテンツ */
	.hemp_about .block_01 ul li{
		flex-direction:column;
		align-items: flex-start;
	}

	/* コンテンツ枠 */
	.hemp_about .block_02 ul {
		gap: 0.5rem;
	}

	/* 各コンテンツ */
	.hemp_about .block_02 ul li {
		padding: 0.8rem 0.5rem;
	}

	/* 各ポイント */
	.hemp_about .block_02 ul .inner .txt_box {
		padding: 0.8rem;
	}

	/* 各ポイントの見出し */
	.hemp_about .block_02 ul .inner .txt_box h5{
		font-size:1.15rem;
	}


	/*===========================================================================
	仕様について .secification
	===========================================================================*/
	/* 追加オプションウェイトテープ画像の枠 */
	.processing ul {
		flex-direction: column;
	}

	/* 各画像 */
	.processing li {
		width: 100%;
	}







	/*===========================================================================
	プリントについて .print
	===========================================================================*/
	/* フォント見本 */
	.print #silk .design .font_samples ul {
		grid-template-columns: repeat(4, 1fr);
	}

	/* 各印刷コンテンツの枠 */
	.print #tensya .print_about ul {
		flex-direction: column-reverse;
		gap: 1rem;
		width: 95%;
	}

	/* 片面印刷の画像 */
	.print #tensya .print_about ul:first-of-type figure {
		width: 70%;
	}

	/* 各印刷コンテンツの見出し */
	.print #tensya .print_about p.sub_title {
		padding-bottom: 0.2rem;
		width: 100%;
		text-align:center;
	}











	/*===========================================================================
	価格表
	===========================================================================*/
	/*価格ボタン並びを縦にする*/
	.price_container .btn_wrapper{
		flex-direction:column;
	}
	/*ボタンのテキスト指定*/
	.price_container .btn_txt{
		font-size:1rem;
	}
	/*表頭　列（枚数）の幅調整*/
	.sheet{
		width:55px;
	}
	/*表頭「サイズ/枚数」の斜め線の指定*/
	.th_line{
		width:55px;
		border-top:1px solid #333;
		margin: 0;
		padding: 0;
		transform: rotate(45deg);
	}
	/*表頭「サイズ/枚数」のサイズの余白指定*/
	.th_size{
		margin-left:5px;
		margin-bottom:10px;
	}
	/*表頭「サイズ/枚数」の枚数の余白指定*/
	.th_sheet{
		margin-right:5px;
		margin-top:10px;
	}
	/*（税込み）を一段下げる*/
	.list_ksb br{
		display:block;
	}
	/*お見積りよりお問い合わせください*/
	.prompt{
		font-size:14px;
		padding:1rem 0.5rem;
	}


}