/*
Theme Name:	Lightning-child
Template:	lightning
*/


/* =============================================================
リセット
============================================================= */
/* img
----------------------------*/
img,
img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone{
	border:none;
	box-shadow:0 0 0;
	border-radius:0;
	margin:0;
	padding:0;
	line-height: 0;
}

figure {
	line-height: 0;
}

/* a
----------------------------*/
li a,
p a {
	text-decoration: none;
}

/* リストスタイル
----------------------------*/
ul {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
	line-height: 0;
	margin: 0;
}

/* 見出し・段落
----------------------------*/
h1{
	font-size:1.6rem;
	font-weight:530;
	text-align:center;
}
h2 {
	border: none;
	margin: 0;
	padding: 0;
}
h3 {
	border: none;
	margin: 0;
	padding: 0;
}
h3::after {
	display: none;	
}
h4 {
	border-radius: 0;
	background-color: transparent;
	margin: 0;
	padding: 0;
}
h5 {
	border: none;
	background-color: transparent;
	margin: 0;
	padding: 0;
}
h6 {
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0;
}

/* 見出し */
h1.hdr{
	font-size:1.6rem;
	font-weight:530;
	text-align:center;
	border-bottom:solid #000 2px;
	padding-bottom:0.8rem;
}

/* その他
----------------------------*/
/* clearfix */
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

/*カレンダー定休日カラー設定リセット*/
.holiday-title span{
	display:inline;
}


/* =============================================================
全ページ共通部分
============================================================= */
/*  ページ全体
-------------------------------------------*/
html{
	font-feature-settings: "palt";
}

/* カラー設定
----------------------------*/
/* 変数を設定 */
:root {
	--color-primary:             #e8e3d6; /* vk-primary-colorと同じ */
	--color-primary-a80:         #e8dcbf; /* primaryの80％ */
	--color-primary-a10:         #f0eaea; /* primaryの10％ */
	--color-primary-a5:          rgba(109,46,46,.05); /* primaryの5％ */
	--color-primary-dark:        #342f24; /* primaryより暗い色 */
	--color-primary-bright:      #523674; /* primaryより明るい色 */
	--color-primary-bright-a50:  #a89ab9; /* brightの不透明度50% */
	--color-primary-bright-a30:  #e2cdcc; /* brightの不透明度30% */
	--color-primary-bright-a20:  #dddae2; /* brightの不透明度20% */
	--color-primary-bright-a10:  #f5eeee; /* brightの不透明度10% */
	--color-accent:              #9e6935; /* 茶色 */
	--color-accent-a60:          #dccdaa; /* accentの不透明度40%*/
	--color-accent-a40:          #e9cfb5; /* accentの不透明度40%*/
	--color-accent-a15:          #f7ede3; /* accentの不透明度15%*/
	--color-accent-a10:          #d3d1c8; /* accentの不透明度10%*/
	--color-accent-a5:          #f9f7ef; /* accentの不透明度5%*/
	--color-border:              #cccccc; /* ボーダー */ 
	--color-red:                 #ff0000; /* 赤 */
	--color-natural:             #84745d; /* 麻（天然素材） */
	--color-polyester:           #b1a48e; /* 麻風（ポリエステル素材） */
	--color-inner:               #b3a98f; /* 生地説明に使うインナーカラー */
	--color-btn:                 #f2efe6; /* フォームボタン背景色 */
	--color-btn-hover:           #dbceb4; /* フォームボタンhoverとchecked時 */
}

/* リストを横並びに */
ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
/* リスト内イメージの幅調整 */
li img {
	width: 100%;
}

/* スライダー */
ul.slides {
	display: inline-block; 
}

/*------------------------------------------------------------------
テキスト
------------------------------------------------------------------*/
/*テキストサイズ調整*/
.ltg-slide-text-caption{
	position:absolute;
	left:0;
	transform:translateY(-50%);
}

/*  テーブル
----------------------------*/
/* padding */
table {
	border-color: var(--color-border);
}
/* padding */
table th,
table td {
	padding: 1rem 0.5rem;
}
/* thの背景色 */
table th {
	background-color: #efefef;
}


/*  ヘッダー
-------------------------------------------*/
/*  ロゴ・ナビ共通
----------------------------*/
/* 横幅を100%表示に */
.site-header--layout--nav-float .site-header-container.container {
	display: block;
	max-width: 100%;
}
.site-header-container {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
/*  大枠（jsで追加）
--------------------------------*/
/* cath_copy */
.header_catch_copy {
	font-size: 0.8rem;
	text-align: center;
	background-color: var( --color-primary-a10);
	padding: 0.2rem;
}

/*  ロゴ
----------------------------*/
/* センター表示に */
.site-header--layout--nav-float .site-header-logo {
	margin-right: 0;
	padding-top: 2.1rem;
	margin-bottom: 2rem;
	text-align: center;
}
.site-header--layout--nav-float .site-header-logo img {
	margin: 0 auto;
}


/*  グローバルナビゲーション
-------------------------------------------*/
/* ベースカラーと位置 */
/*body:not(.header_scrolled)*/
.global-nav--layout--float-right {
	width: 100%;
	justify-content: center;
	background-color: var(--color-primary);
	margin-left: auto;
	margin-right: auto;
}
/* 最大幅と横並び */
.global-nav-list {
	max-width: 1180px;
	width: 100%;
	flex-flow: row wrap;
	justify-content: space-between;		
}
/* 横幅（一つ分） */
.global-nav-list li {
	width: calc(100%/8);
}
/* フォントサイズ */
.global-nav-list>li .global-nav-name {
	font-size: 0.85rem;
}
/* サブメニューの幅とカラー */
.global-nav-list li .sub-menu li {
	width: 100%;
	text-align: center;
	border-top: 1px solid var(--color-primary-a80);
}
/* 三角の色 */
.global-nav-list>li.menu-item-has-children::after {
	border-bottom-color: var(--color-primary);
}
/* ボタンカラー */
.global-nav-list li a {
	color: var(--color-primary-dark);
	background-color: var(--color-primary); /*ゆっくり戻すため */
	transition: all 0.3s; /*ゆっくり戻すため */
}
/* ロールオーバー */
.global-nav-list li a:hover,
.global-nav-list li .sub-menu a:hover {
	background-color: var(--color-primary-a80);
	transition: all 0.3s;
}
/* ロールオーバーのライン削除 */
.global-nav-list>li:before {
	border: none;
}
/* ロールオーバー現在位置表示 */
.global-nav-list .current_page_item a,
.global-nav-list .current-menu-parent a {
	background-color: var(--color-primary-a80);
}
/* 下層メニューの色を再設定 */
.global-nav-list .current-menu-item ul a,
.global-nav-list .current-menu-parent ul a {
	background-color: var(--color-primary);
}
/* 下層メニューの現在位置表示 */
.global-nav-list .current-menu-parent ul li.current-menu-item a {
	background-color: var(--color-primary-a80);
}
/* お問い合わせのカラー変更 */
.global-nav-list li#menu-item-82 a {
	background-color: var(--color-primary-dark);
}
/* お問い合わせのロールオーバー */
.global-nav-list li#menu-item-82 a:hover {
	background-color: #755E90;
}
/* ホバー後の文字色 */
.global-nav-list .sub-menu li a, .global-nav-list .sub-menu li a:hover{
	color: var(--color-primay-dark);
}

/* ページタイトル（トップ以外）
-------------------------------------------*/
/* 高さ・背景 */
.page-header {
	min-height: 7rem;
	background-image: url(https://sizeorder-noren.com/wp/wp-content/uploads/cmn_tit_back_img02.png);
	background-position: right; /* img01にした時 */
	background-repeat: repeat; /* img01の時no-repeat */
	background-blend-mode: multiply;
}
/* 文字 */
.page-header-title, h1.page-header-title {
	font-size: 2rem;
	letter-spacing:1.5px;
}


/*  コンテンツ
-------------------------------------------*/
/*  大枠
----------------------------*/
/* コンテンツ下マージン */
.site-body {
	padding-bottom: 5rem;
}

/*  見出し（トップ以外）
----------------------------*/
/* h2 */
h2 {
	font-weight: 600;
	text-align: center;
	border-bottom: 1px solid #000;
	padding: 0 0 0.5em;
}

/*  段落文字
----------------------------*/
/* 注釈 */
.annotation {
	font-size: var(--vk-size-text-meta);
	line-height: var(--vk-line-height-low);
}


/*  各ブロック
----------------------------*/
/* ブロック */
.block {
	margin: 4.5rem 0;
}
/* ページ最初のブロック */
/*.block:first-child {
margin-top: 0;
}*/
/* サブブロック */
.sub_block {
	margin-top: 3rem;
}
/* 一つ目のサブブロック */
.sub_block:first-of-type {
	margin-top: 2rem;
}
/* ブロックインナー */
.block_inner {
	margin-top: 3.5rem;
}
/* 一つ目のブロックインナー */
.block_inner:first-of-type {
	margin-top: 2rem;
}

/*  段落文字
----------------------------*/
/* リード文 */
.txt_lead {
	text-align: center;
}
.txt_lead p + p {
	margin-top: 1rem;
}
/* 見出し下文章 */
.block h2 + p {
	text-align: left;
	margin-top: 1rem;
}
.block h3 + p {
	margin-top: 0.6rem;
}
.block h4 + p {
	margin-top: 0.6rem;
}
.block h5 + p {
	margin-top: 0.3rem;
}
.block h6 + p {
	margin-top: 0.2rem;
}
/*詳細*/
.detail {
	margin-top: 0.5rem;
}
/* 注意書き */
.attention_note {
	font-weight: 600;
	text-align: center;
	background-color: #FCE5E3;
	margin-top: 2rem;
	padding: 1rem;
}
/* 注釈 */
.annotation {
	font-size: var(--vk-size-text-meta);
	line-height: var(--vk-line-height-low);
	margin-top: 1rem;
}
/* ※ハイフンをつけてください */
.h-adr .annotation {
	font-size: var(--vk-size-text-meta);
	line-height: var(--vk-line-height-low);
	margin-top: 0;
}
/* 商品の納品先が異なる場合・・・・ */
.h-adr .long-annotation {
	font-size: var(--vk-size-text-meta);
	line-height: var(--vk-line-height-low);
	margin-top: 0.5rem;
}
.annotation.bgcolor{
	background-color: var(--color-primary-bright-a10);
	padding: 0.7rem 1rem;
}
/* 太字 */
.emphasis {
	font-weight: 600;
}
/* 赤字 */
.red {
	color: var(--color-red);
}

/* ページ内リンク .page_link
----------------------------*/
/* 上マージン */
.page_link {
	margin-top: 2rem;
}
/* a */
.page_link li a {
	display: block;
	width: 100%;
	color: #fff;
	font-weight: 600;
	text-align: center;
	background-color: var(--color-primary);
	border-radius: 5px;
	padding: 1.5rem 0.5rem 2.3rem;	
}
.page_link li a:hover {
	color: #fff;
}
/* 名称 */
.page_link li a span {
	display: block; /* 下矢印のため */
	position: relative; /* 下矢印のため */
}
/* 下矢印 */
.page_link li a span::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 90%;
	left: calc(50% - 0.5em);
	width: 1em;
	height: 1em;
	line-height: 1;
	border: 0.1em solid currentColor;
	border-left: 0;
	border-bottom: 0;
	transform: translateY(-25%) rotate(135deg);
	margin-top: 0.7rem;
}

/* ボタン
----------------------------*/
/* 共通
-------------------*/
/* シャドウ */
.contents_btn {
	transition: all 0.3s; /* ゆっくり戻すため記述 */
	opacity: 1; /* ゆっくり戻すため記述 */
	filter: brightness(100%); /* ゆっくり戻すため記述 */
	filter: drop-shadow(0.1rem 0.1rem 0.2rem #999);
}
/* ロールオーバー */
.contents_btn:hover {
	transition: all 0.3s;
	opacity: 0.8;
	filter: brightness(110%);
	filter: drop-shadow(0.1rem 0.1rem 0.2rem #999);
}
/* アンカー */
.contents_btn a {
	display: block;
	line-height: 0;
}

/* 文字だけのボタン
-------------------*/
/* a */
a.charabtn  {
	display: block;
	width: 100%;
	font-size: 1.3rem;
	line-height: 1;
	color: #fff;
	text-align: center;
	background-color: var(--color-accent);
	border-radius: 5px;
	margin-top: 2rem;
	padding: 1rem 0.5rem;
}
/* hover */
a.charabtn:hover {
	color: #fff;
}
/* 矢印 */
a.charabtn span:after {
	display: inline-block;
	content: "";
	width: 23px;
	height: 23px;
	vertical-align: bottom;
	background: url(https://noren-maku.com/wp/wp-content/uploads/cmn_bnr_icon_triangle.png) no-repeat center center;
	background-size: contain;
	margin-left: 0.6rem;
}

/* もっと見るボタン
-------------------*/
/* a */
a.readbtn {
	display: block;
	width: 30%;
	font-size: 1.1rem;
	font-weight: 800;
	line-height: 1;
	color: var(--color-primary);
	text-align: center;
	background-color: #fff;
	border: 1px solid var(--color-primary);
	border-radius: 5px;
	filter: none;
	cursor: pointer;
	user-select: none;
	margin: 2rem auto 0;
	padding: 1rem 0.5rem;
}
/* hover */
a.readbtn:hover {
	color: #fff;
	background-color: var(--color-primary);
	filter: none;
}
/* 上に説明がある場合のreadbtnの上マージン調整 */
.btn_explain + a.readbtn {
	margin-top: 0.2rem;
}
/* readbtn上の説明 */
.btn_explain {
	display: flex;
	justify-content: center;
	align-items: center;
	position:relative;
	font-size: 1rem;
	font-weight: 600;
	margin-top: 2rem;
}
.btn_explain:before,
.btn_explain:after {
	content: "";
	width: 20px;
	height: 1px;
	background-color: #000;
	margin: 0 4px;
}
.btn_explain:before {
	transform: rotate(55deg);
}
.btn_explain:after {
	transform: rotate(-55deg);
}

/* ダウンロードボタン
-------------------*/
/* a */
.dlbtn {
	display: block;
	color: #fff; /* 上の打消し */
	font-size: 1.4rem;
	line-height: 1;
	font-weight: 600;
	text-align: center;
	border-radius: 5px;
	padding: 1.2rem 1rem;
}
/* hover */
.dlbtn:hover {
	color: #fff; /* 上の打消し */
}
/* spanの後に画像表示 */
.dlbtn span:after {
	display: inline-block;
	content: "";
	width: 22px;
	height: 22px;
	background: url(https://noren-maku.com/wp/wp-content/uploads/cmn_bnr_icon_dl.png) no-repeat center bottom;
	background-size: contain;
	margin-left: 0.6rem;
}



/* フォーム
----------------------------*/
/* ボタン
-------------------*/
/* 送信ボタン */
.submit_btn_wrapper {
	text-align: center;
}
.submit_btn {
	margin-top: 1.5rem;
	text-align: center;
}

/* 必須・任意アイコン
-------------------*/
/* アイコン共通（任意） */
.form .icon {
	display: inline-block;
	width: 3rem;
	font-size: 0.6rem;
	line-height: 1.5;
	color: #000;
	text-align: center;
	background-color: #ccc;
	border-radius: 3px;
	padding: 0.1rem 0.1rem 0.2rem;
	margin:0 0 0.25rem 0.5rem;
	vertical-align: middle;
}
/* 必須アイコン */
.form .icon.required {
	color: #fff;
	background-color: #ff0000;	
}

/* 郵便番号
-------------------*/
/* 国名非表示 */
.p-country-name {
	display: none;
}
/* 横幅 */
.zip input {
	display: block;
	width: 8rem;
}

/* 送信メッセージ・エラーメッセージ
-------------------*/
/* 項目ごとの未入力メッセージ */
.wpcf7-not-valid-tip {
	font-size: 0.8em;
}
/* 入力エラーメッセージ（送信ボタン下　） */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	text-align: center;
	border-color: #e9adad;
	background-color: #e9adad;
	padding: 1rem;
}
/* 送信成功メッセージ（送信ボタン下） */
.wpcf7 form.sent .wpcf7-response-output {
	color: #fff;
	text-align: center;
	border-color: #46b450;
	background-color: #46b450;
	padding: 1rem;
}
/* 未入力項目の色を変える */
.wpcf7-not-valid {
	color: #630015;
	border-color: #c20c33;
	background-color: #ffd9e1;
}

/* ajaxローダー
-------------------*/
/* 送信ボタン下のセンターに移動 */
.wpcf7-spinner {
	display: block;
	margin: 0.5rem auto;
}

/* reCAPTCHA
-------------------*/
/* ロゴ非表示 */
.grecaptcha-badge {
	visibility: hidden;
}
/* google文章 */
.recaptcha {
	text-align: center;
}

/* バナー・ボタンPC用（スマホ用非表示）
----------------------------*/
.sp {
	display: none;
}

/* ビデオ
----------------------------*/
/* 横幅 */
video {
	width: 100%;
}
/* youtubeの表示設定（横長） */
.video {
	width: 100%;
	aspect-ratio: 16/9;
}
/* youtubeの表示設定（縦長） */
.video.portrait {
	aspect-ratio: 9/16;
}
/*  */
.video iframe {
	margin-bottom: 0; /* reset */
}


/*  フッター上部
-------------------------------------------*/
/* 背景色とpadding*/
.site-body-bottom {
	padding-top: 2rem;
	padding-bottom: 2rem;
	background-color: var(--color-accent-a5);
	border-top: 1px solid var(--color-accent-a10);
}
/* サブタイトルのデザイン */
.widget_xo_event_calendar .sub-section-title {
	text-align: center;
	border-color: var(--color-border);
}
/* サブタイトルの下線削除 */
.widget_xo_event_calendar .sub-section-title::after {
	content: none; 
}
/* thの幅を均等に */
.site-body-bottom .xo-event-calendar table th {
	width: auto;
}


/*  フッター
-------------------------------------------*/
/* 大枠
-------------------*/
/* カラーとボーダー */
.site-footer {
	background-color: var(--color-accent-a60);
	border: none;
	padding-top: 2rem;
}

/* フッターコンテント
-------------------*/
/* 共通
--------------*/
/* マージン削除 */
.site-footer-content .widget,
.site-footer .widget:last-child {
	margin-bottom: 0;
}
/* タイトル */
.site-footer-content p.tit {
	text-align: center;
	border-bottom: 1px dotted var(--vk-color-text-body);
	padding: 0.5rem;
	margin: 0 0 0.5rem;
}
/* リスト　*/
.site-footer-content .widget ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}
.site-footer-content .widget li {
	width: 47%;
	margin-top: 0.4rem;
}
.site-footer-content .widget li a {
	display: block;
	line-height: 0;
}


/* 1カラム目　VKお問い合わせのレイアウト
--------------*/
/* padding調整 */
.site-footer .veu_contact .contact_frame,
.sub-section--col--two .veu_contact .contact_frame {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
/* 横幅と位置 */
.site-footer .veu_contact .contact_txt {
	width: 100%;
	text-align: center;
}
/* 電話番号上下の文字カラー */
.veu_contact .contact_txt_catch{

}
/* 電話番号カラー */
.site-footer .veu_contact .contact_txt_tel,
.site-footer .veu_contact .contact_txt_tel a {
	color: var(--vk-color-text-body);
}
/* 横幅と背景色 */
.site-footer .veu_contact .contact_bt {
	width: 100%;
	background-color: var(--color-primary);
	border: 1.2px solid var(--vk-color-text-body);
}
/* ボタンのテキストカラー */
.site-footer .veu_contact .contact_bt_txt {
	color: var(--vk-color-text-body);
	font-weight: 600;
}
/* 背景色 */
.veu_card .veu_card_inner {
	background-color: transparent;
}
/* 枠削除 */
.veu_card {
	border: none;
}
/* マージン */
.site-footer .veu_contact .contact_frame,
.sub-section--col--two .veu_contact .contact_frame {
	padding-top: 0.4rem;
	padding-bottom: 0;
}
/* シャドウ */
.veu_card .veu_card_inner {
	box-shadow: none;
}
/* FAX番号 */
.site-footer .fax_contact {
	margin: 0.7rem 0.5rem 0;
	padding: 0.5rem;
	border: 1px solid var(--color-border);
	border-radius: 0.3rem;
	background-color: rgba(255,255,255,0.9);
	text-align: center;
}
.site-footer .fax_contact p.tit {
	float: left;
	width: 40%;
	padding: 0;
	margin: 0;
	border-right: 1px solid var(--vk-color-text-body);
	border-bottom: none;
	line-height: 1.8rem;
	color: var(--vk-color-text-body);
}
.site-footer .fax_contact p.number {
	float: right; 
	width: 60%;
	font-size: 17px;
	font-weight: 700;
	color: var(--vk-color-text-body);
}
.site-footer .fax_contact p.number a {
	color: var(--vk-color-text-body); /* iphone対策 */
}


/* 1カラム目　VKお問い合わせのレイアウト
--------------*/
/* 横幅と位置 */
.site-footer .veu_contact .contact_txt {
	width: 100%;
	text-align: center;
}
/* 横幅 */
.site-footer .veu_contact .contact_bt {
	width: 100%;
}
/* 背景色 */
.veu_card .veu_card_inner {
	background-color: transparent;
}
/* 枠削除 */
.veu_card {
	border: none;
}
/* マージン */
.site-footer .veu_contact .contact_frame,
.sub-section--col--two .veu_contact .contact_frame {
	padding-top: 0.4rem;
	padding-bottom: 0;
}
/* シャドウ */
.veu_card .veu_card_inner {
	box-shadow: none;
}
/* FAX番号 */
.site-footer .fax_contact {
	margin: 0.7rem 1.3rem 0;
	padding: 0.5rem;
	border: 1px solid  var(--vk-color-text-body);
	border-radius: 0.3rem;
	background-color: rgba(255,255,255,0.3);
	text-align: center;
}
.site-footer .fax_contact p.tit {
	float: left;
	width: 40%;
	padding: 0;
	margin: 0;
	border-right: 1px solid  var(--vk-color-text-body);
	border-bottom: none;
	line-height: 1.8rem;
}
.site-footer .fax_contact p.number {
	float: right; 
	width: 60%;
	font-size: 17px;
	font-weight: 700;
	color: var(--vk-color-text-body);
}

.site-footer .veu_contact .contact_txt_tel{
	color: var(--vk-color-text-body)
}

/* 2カラム目 リスト部分
--------------*/
/* 横幅 */
.site-footer-content .col-lg-4:nth-child(2) ul,
.site-footer-content .col-md-6:nth-child(2) ul {
	width: 90%;
	margin: 0 auto;
}
/* 文字色・行間 */
.site-footer-content .col-lg-4:nth-child(2) .widget a,
.site-footer-content .col-md-6:nth-child(2) .widget a {
	color: var(--color-primary);
	line-height: 1.5;
}
/* リストの中のリスト */
.site-footer-content .widget li ul li {
	width: 100%;
}
/* 並べ順 */
.footer_sitemap li:nth-child(1) { order: 1; }
.footer_sitemap li:nth-child(2) { order: 3; }
.footer_sitemap li:nth-child(3) { order: 5; }
.footer_sitemap li:nth-child(4) { order: 7; }
.footer_sitemap li:nth-child(5) { order: 9; }
.footer_sitemap li:nth-child(6) { order: 11; }
.footer_sitemap li:nth-child(7) { order: 2; }
.footer_sitemap li:nth-child(8) { order: 4; }
.footer_sitemap li:nth-child(9) { order: 6; }
.footer_sitemap li:nth-child(10) { order: 8; }
.footer_sitemap li:nth-child(11) { order: 10; }

.site-footer-content .col-lg-4:nth-child(2) .widget a, .site-footer-content .col-md-6:nth-child(2) .widget a {
	color: var(--vk-color-text-body);
	line-height: 1.5;
}

/* 3カラム目 関連会社リンク
--------------*/
/* m-company */
.m-company a {
	display: block;
	text-align: center;
	background-color: #fff;
	border: 1px solid #999;
	padding: 0.3rem;
	margin-top: 0.8rem;
}
.m-company a img {
	width: 50%;
}
/* g-company */
.g-company {
	margin-top: 0.5rem;
}

/* コピーライト
-------------------*/
/* コピーライトのマージン */
.site-footer-copyright p:nth-child(1) {
	color: var(--color-primary-dark);
	margin: 2rem 0 1rem;
}
/* Lightningのコピーライト非表示 */
.site-footer-copyright p:nth-child(2) {
	display: none;
}

/* ページトップへボタン
-------------------*/
.page_top_btn {
	border-radius: 22px;
	background-color: #99784d;
	box-shadow: 0 0 0 3px rgb(255 255 255 / 80%), 0 0 0 0 rgb(0 0 0 / 80%);
}


/* コピーライト
-------------------*/
/* コピーライトのマージン */
.site-footer-copyright p:nth-child(1) {
	margin: 2rem 0 1rem;
}
/* Lightningのコピーライト非表示 */
.site-footer-copyright p:nth-child(2) {
	display: none;
}


/* =============================================================
お問合せ・お見積もり
============================================================= */
/* 共通
-------------------------------------------*/
/* =============================================================
お問い合わせ（フォーム）
============================================================= */
/* 共通
-------------------------------------------*/
/* 親cssのリセット
----------------------------*/
/* マージンの調整 */
input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea {
	margin: 0;
	box-sizing: border-box;
}
.form .block{
	margin-top:1rem;
}
.block tr{
	margin-bottom:10px;
}
.block td label{
	width:100%;
	box-sizing:border-box;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}
/* hover */
.file_btn label:hover {
	background-color: #bfbfbf;
}

.block .wpcf7-form-control-wrap {
	position: relative;
	width:100%;
}
/*枚数の幅*/
.block .sheet_number .wpcf7-form-control-wrap{
	width:auto;
	margin-right:0.5rem;
}
/*枚数の位置*/
.block .sheet_number {
	text-align: left;
}

/*支払い方法の空白を無くす*/
.block .select_payment span{
	display:none;
}
.form .select_payment label {
	margin-top: 0; 
}
/*ドロップダウンの矢印の親*/
.dropdown_arrow{
	position:relative;
}
/*ドロップダウンの矢印*/
.dropdown_arrow::after{
	content: "";
	position: absolute;
	display: inline-block;
	border-top: 2px solid #666666;
	border-right: 2px solid #666666;
	height: 10px;
	width: 10px;
	top: 17px;
	right: 30px;
	transform: rotate(135deg);
	pointer-events: none;
}

/*-----------------------------------------------------------
/* ラジオボタン
------------------------------------------------------------*/
/* ラベルをボタンに */
.contact li label {
	display: block;
	background-color: #fff;
	border: 1px solid var(--color-border);
	line-height: 0;
	cursor: pointer;
	user-select: none;
	min-height:50px;
	border-radius:5px;
}
/* ラジオボタンを非表示に */
.contact input[type=radio] {
	display: none;
} 
/* 選択時の背景色 */
.contact input[type=radio]:checked + label {
	background-color: #c6c6c6;
}
.contact .select_payment h6{
	padding:1rem;
}
.contact .select_payment li{
	width:30%;
}
/*  テーブル
----------------------------*/
/* ボーダーとフォント */
.contact table {
	border:none;
	margin-top: -1px;
	margin-bottom: 0;
	border-collapse:separate;
	border-spacing:10px;
}
/* padding追加 */
.contact table th,
.contact table td {
	padding: 1rem 2rem;
}
/* thの幅とデザイン */
.contact table th {
	position: relative;
	width: 25%;
	background-color: #efefef;
	border:none;
	text-align: left;
	font-size: var(--vk-size-text);
	font-weight: 400;
}
/* tdの幅 */
.contact table td {
	border: 1px solid var(--color-border);
	width: 75%;
}

/* テーブル in テーブル
----------------------------*/
/* ボーダー */
.contact table table,
.contact table table th,
.contact table table td {
	border: none;
}
/* 上下マージン削除 */
.contact table table {
	margin-top: -1px;
	margin-bottom: 0;
}
/* thの背景なし、幅など調整 */
.contact table table th {
	background-color: transparent;
	width:29%;
	padding: 0.5rem 0;
}
/* 文字を上にあげる */
.contact table th.vtop {
	vertical-align: top;
	padding-top: 2.5rem;
}
.contact table table th.vtop {
	vertical-align: top;
	padding-top: 1.5rem;
}
/* 幅とパディング調整 */
.contact table table td {
	width:71%;
	padding-left: 0;
	padding-right: 0;
}
/* 注釈のみの行追加のためにマージン等調整 */
.contact table tr.size th,
.contact able tr.size td {
	padding-bottom: 0;
}
.contact table tr.size_note th,
.contact table tr.size_note td {
	padding-top: 0;
	padding-bottom: 0;
}
.contact table tr.size_note td p {
	line-height: 1.3;
	text-indent: -1em;
	padding-left: 1em;
	margin-top: 0.3rem;
}
/* 必須・任意アイコン
----------------------------*/
/* アイコン共通（任意） */
.input_icon {
	display: inline-block;
	position: absolute;
	right: 2rem;
	top: 40%;
	font-size: 0.8rem;
	color: #fff;
	border-radius: 3px;
	background-color: gray;
	padding: 0 0.7rem 0.1rem 0.7rem;
}
/* 必須アイコン */
.input_icon.required {
	background-color: #dd0a0a;
}
.vtop .input_icon {
	top: 12%;
}

/* ファイルを添付
-------------------------------------------*/
/* ボタン周りのデザイン */
.file_btn label {
	display: block;
	width: 100%;
	text-align: center;
	cursor: pointer;
	border: 2px solid #d2d2d0;
	background-color: #efefef;
	padding: 1rem;
}
/* hover */
.file_btn label:hover {
	background-color: #c6c6c6;
}

/* フォーム内リンクボタン
----------------------------*/
/* リンクコンテンツ */
.form .form_link{
	text-align:center;
	color: #361e59;
	transition: all 0.3s;
	opacity: 1;
	filter: brightness(100%);
	display: block;
	line-height: 1;
	margin-top:1rem;
}

/* リンク下のボーダー */
.form .form_link a{
	text-decoration:underline;
}

/* リンク文字横のアイコン */
.form .form_link .another_icon{
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 0.5rem;
	background: no-repeat url(https://sizeorder-noren.com/wp/wp-content/uploads/cmn_contents_icon_another.png);
}

/* オプション
----------------------------*/
/*オプション項目の空白を無くす*/
.block .option_ring span{
	display:none;
}
/* 希望ボタンの横並び */
.option_ring ul{
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	align-content:center;
}

/* ボタンの調整 */
.option_ring ul li{
	width:40%;
}
.option_ring ul li label{
	margin-top:0;
}

/* ボタン内のテキスト */
.option_ring h6{
	font-size: calc(1.1rem - 25%);
	line-height:50px;
}

/*---------------------------------------
条件付き中コンテンツ 設定
/*オプション項目の空白を無くす*/
.block .option_ring .inner span{
	display:inline-block;
}

/* オプション内訳縦並び */
.option_ring .wrapper{
	display:flex;
	flex-direction:row;
	gap:1.5rem;
	margin:3rem 0 2rem;
}

/* オプション内訳コンテンツ横並び */
.option_ring .inner{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	width:100%;
	margin:0 auto;
	/*border-bottom:solid 1.5px #eee;*/
	padding-bottom:5px;
}

/* クリア/黒 img */
.option_ring .inner img {
	width: 60%;
}

/* クリア/黒 文言 */
.option_ring .inner p {
	width: 100%;
	height:100%;
	margin:0.5rem 0;
	/*flex:0.6;*/
}

/* 個数枠内 label */
.option_ring .inner label{
	margin-top:0;
	width:100%;
	/*flex:0.4;*/
}

/* 個数の枠と「個」を横並び */
.block .option_ring .wpcf7-form-control-wrap {
	width: auto;
	margin-right: 0.5rem;
}

/* 個数の枠 */
.option_ring .clear_ring,.option_ring .black_ring {
	width: 6rem;
	margin-right: 0.5rem;
	text-align: right;
}

/* 郵便番号
----------------------------*/
/* 国名非表示 */
.p-country-name {
	display: none;
}
/* 横幅 */
.zip input {
	display: block;
	width: 8rem;
}
/* 数字の幅 */
.p-number input {
	width: 6rem;
	margin-right: 0.5rem;
	text-align: right;
}
/* 日付の幅 */
.p-date input {
	width: 10rem;
	margin-right: 1rem;
}

/* 支払い方法
----------------------------*/
.contact .select_payment ul{
	display:flex;
	flex-direction:row;
	gap:10px;
	justify-content:space-around;
	align-items:center;
}
.contact .select_payment li{
	width:30%;
}
.contact .select_payment h6{
	font-size:calc(1.1rem - 25%);
}
/* プレースホルダー
----------------------------*/
/* 文字色 */
input::placeholder,
textarea::placeholder {
	color: #aaa;
	line-height: 1.5;
}

/* ボタン
----------------------------*/
/* 送信ボタン */
.submit_btn_wrapper {
	text-align: center;
}
input[type=submit].submit_btn {
	width: 15rem;
	margin-top: 1.5rem;
	text-align: center;
	padding: 1rem 0;
}
.submit_btn.contents_btn {
	display: inline-block;
}
input[type=submit] {
	font-size: 1rem;
	background-color: #d5b06b;
	border:none;
	color: #fff;
	padding: .5em 2em;
	border-radius: var(--vk-size-radius);
}
input[type=submit]:not(:disabled):hover {
	color: #fff;
	cursor: pointer;
	background-color: #e8bb7c; 
}
/* ラジオボタン
----------------------------*/
/* マージン調整 */
.wpcf7-list-item {
	margin-left: 2rem;
}
.form .wpcf7-radio .wpcf7-list-item.first {
	margin-left: 0;
}
/* ラジオボタン非表示に */
.form .wpcf7-radio .wpcf7-list-item input {
	display: none;
}
/* ラジオボタン再デザイン */
.form .wpcf7-radio .wpcf7-list-item-label {
	cursor: pointer;
	padding-left: 37px;
	position: relative;
}
/* 二重丸を挿入*/
.form .wpcf7-radio .wpcf7-list-item-label::before,
.form .wpcf7-radio .wpcf7-list-item-label::after {
	content: "";
	display: block;
	border-radius: 50%;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
}
/* 外側の丸 */
.form .wpcf7-radio .wpcf7-list-item-label::before {
	background-color: #fff;
	border: 1px solid var(--vk-color-border-form);
	height: 26px;
	width: 26px;
	left: 6px;
}
/* 内側の丸（選択されるまで透明） */
.form .wpcf7-radio .wpcf7-list-item-label::after {
	background-color: var(--color-accent);
	opacity: 0;
	height: 18px;
	width: 18px;
	left: 10px;
}
/* 選択時　透明度を戻す */
.form .wpcf7-radio .wpcf7-list-item input:checked + .wpcf7-list-item-label::after {
	opacity: 1;
}


/* 送信メッセージ・エラーメッセージ
----------------------------*/
/* 項目ごとの未入力メッセージ */
.wpcf7-not-valid-tip {
	font-size: 0.8em;
}
/* 入力エラーメッセージ（送信ボタン下　） */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	text-align: center;
	border-color: #e9adad;
	background-color: #e9adad;
	padding: 1rem;
}
/* 送信成功メッセージ（送信ボタン下） */
.wpcf7 form.sent .wpcf7-response-output {
	color: #fff;
	text-align: center;
	border-color: #46b450;
	background-color: #46b450;
	padding: 1rem;
}
/* 未入力項目の色を変える */
/*.wpcf7-not-valid{
border-color: #c20c33;
}*/

/* ajaxローダー
----------------------------*/
/* 送信ボタン下のセンターに移動 */
.wpcf7-spinner {
	display: block;
	margin: 0.5rem auto;
}

/* labelのマージン
----------------------------*/
/* マージン */
.form label {
	display: block;
	margin-top: 2rem;
}
.form label:first-child {
	margin-top: 0;
}

/* ドメイン追加の注釈
----------------------------*/
.mail_domain {
	text-align: center;
	border: 1px solid #ccc;
	background-color: #f5f6f2;
	margin-top: 1rem;
	padding: 1rem;
}
.mail_domain p:first-child {
	font-weight: 600;
}
.mail_domain p + p {
	margin-top: 0.5rem;
}