.fs-l-header , .fs-l-header__logo {
    background-image: url(https://frame.itembox.design/item/bg_body2.jpg);
    background-repeat: repeat;
    background-position: top left;
}
h2.free,
.fs-p-heading--lv2 {
	position: relative;
	padding: 9px;
	font-weight: bold;
	font-size: 18px;
	background-color: #E3E1D0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-top:20px;
}
h2.free:before {
	content: '';
	height: 0;
	width: 0;
	display: block;
	border: 13px transparent solid;
	border-right-width: 0;
	border-left-color: #E3E1D0;
	position: absolute;
	top: 25px;
	left: 15px;
	transform: rotate(-270deg);
	-webkit-transform: rotate(-270deg);
	-moz-transform: rotate(-270deg);
	-o-transform: rotate(-270deg);
	-ms-transform: rotate(-270deg);
}
h3.free {
	margin: 20px 0 0 0;
	background-color: #3F3A30;
	padding: 5px 0 3px 10px;
	color: #F9F7F1;
}
h3.free {
	margin: 15px 0 0 0;
	background-color:#009966;
	padding: 3px 0 1px 10px;
	color: #fff;
}
h4.free {
	margin: 15px 0 0 0;
	border-bottom: 1px dashed #3F3A30;
	padding: 3px 0 2px 15px;
	font-size: 1.2em;
}

/*----- 位置設定 -----*/
/*1/2サイズ*/

.harf-r440, .harf-l440{
	float: none;
	width: 100%;

}

.flex {
	display: flex;
}
/*オーダーメイドサムネイル1/2サイズ共通*/
.two-box {
	width: 47%;
	display:inline-block;
	margin: 1% 1% 0 1%;
	vertical-align:top;
	text-align: center;
}
/*オーダーメイドサムネイル1/1サイズ共通*/
.one-box {
	width: 97%;
	display:inline-block;
	margin: 1% 1% 0 1%;
	vertical-align:top;
	text-align: center;
}

/*------------------------------------------------------------

【共通】css

------------------------------------------------------------*/

/*発送について*/
.hasso_box {
	border: solid 5px #E3E1D0;
	padding: 15px;
	margin: 15px 10px 30px 10px;
	float: left;
	width: 670px;
}
/*発送についてカート画面用*/
.hasso_box02 {
	border: solid 5px #FFDE00;
	padding: 20px;
	margin: 10px 0 0 0;
	float: left;
	width: 790px;
}
/*1/2サイズお知らせ発送カート画面用*/
.harf-cal {
	width: 215px;
	float: left;
	margin-right: 30px;
}
.harf-hasso {
	width: 540px;
	float: right;
}
/*			下層基本設定
---------------------------------------------------------------*/


/*			テーブル設定
---------------------------------------------------------------*/
table {
	margin-top: 10px;
}
table.normal {
	border-bottom: solid 1px #E3E1D0;
	border-left: solid 1px #E3E1D0;
	border-right: none;
	border-top: none;
}
table caption {
	color: #3F3930;
	font-weight: bold;
	text-align: left;
	padding: 0;
	margin-top: 10px;
}
table.normal thead th {
	background-color: #F1F0E4;
	color: #3F3930;
	font-weight: bold;
}
table.normal th {
	padding: 10px 8px;
	border-bottom: none;
	border-left: none;
	border-right: solid 1px #E3E1D0;
	border-top: solid 1px #E3E1D0;
	background-color: #F7F6F0;
	color: #3F3930;
	font-weight: bold;
}
table.normal td {
	padding: 10px 8px;
	border-bottom: none;
	border-left: none;
	border-right: solid 1px #E3E1D0;
	border-top: solid 1px #E3E1D0;
	color: #3F3930;
}
/*列ごとリンク*/
table.linelink { 
　　　width: 520px; 
　}
     
　table.linelink td { 
    width:100%;
    text-align: center;
    color: #404040; 
    padding:5px;
    border: 1px solid #c7c7bc; 
　}
  
　 table.linelink td a {
    　display:block;
    　width:100%;
    　height:100%;
　} 
　 table.linelink td a:hover {
    　background-color: #EEEDE1;
　} 


/*オレンジ背景*/
.bg-orange {
	background-color: #FFEBDF;
	color: #CD2E00 !important;
	font-weight: bold !important;
}
.bg-orange a {
	color: #CD2E00 !important;
	font-weight: bold;
}
/*ブラウン背景*/

table.brown {
	border-bottom: solid 1px #E3E1D0;
	border-left: solid 1px #E3E1D0;
	border-right: none;
	border-top: none;
}
table caption {
	color: #333333;
	font-weight: bold;
	font-size: 120%;
	text-align: left;
	padding: 0;
}
table.brown thead th {
	background-color: #3F3A30;
	color: #F9F7F1;
	font-weight: bold;
}
table.brown th {
	padding: 10px 8px;
	border-bottom: none;
	border-left: none;
	border-right: solid 1px #E3E1D0;
	border-top: solid 1px #E3E1D0;
	background-color: #3F3A30;
	color: #F9F7F1;
	font-weight: bold;
}
table.brown td {
	padding: 10px 8px;
	border-bottom: none;
	border-left: none;
	border-right: solid 1px #E3E1D0;
	border-top: solid 1px #E3E1D0;
	background-color: #FFFFFF;
}
/*			テキスト位置設定
---------------------------------------------------------------*/
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.text-middle {
	vertical-align: middle;
}
.text-top {
	vertical-align: top;
}
.text-bottom {
	vertical-align: bottom;
}
/*			リスト設定
---------------------------------------------------------------*/
/*---通常リスト---*/

.list {
	margin: 10px 0 0 10px;
}

/*入れ子にしたとき、画像が出てしまうのを防ぐ*/
.none li {
	background: none;
	padding-left: 0px;
}
/*---- リンクリストアイコン基本設定 ----*/
/* リンクリスト */
.linklist {
	margin: 8px 0 8px 5px;
}

/*----- 位置設定 -----*/





/*フロート左*/
.float-l {
	float: left;
	width: auto;
	margin-right: 5px;
}
/*フロート右*/
.float-r {
	float: right;
	width: auto;
	margin-left: 5px;
}
/*----- カラーボックス -----*/

/*ベージュ*/
.box01 {
	background-color: #E3E1D0;
	padding: 20px;
}
/*ホワイト*/
.box02 {
	background-color: #F9F8F2;
	padding: 10px 20px 20px 20px;
}
/*ベージュライン　パディング20*/
.box03 {
	padding: 20px;
	border: solid 1px #E3E1D0;
}
/*検索用ベージュライン*/
.box04 {
	padding: 0;
	margin: 0;
	border: solid 1px #E3E1D0;
}
/*フッター用グリーンボックス*/
.box05 {
	background-color: #006645;
	padding: 20px 20px 20px 20px;
	color: #F9F8F2;
}
/*ベージュライン　パディング10*/
.box06 {
	padding: 10px;
	border: solid 1px #E3E1D0;
	display: block;
}
/*グリーンボックス　パディング10*/
.box07 {
	padding: 10px 8px;
	background-color: #006645;
	color: #F9F8F2;
	text-align:center;
}
a:hover .box06 {
	background-color: #F7F6F0;
}
.box06-h {
	padding: 20px 0;
	border: solid 1px #E3E1D0;
	height: 350px;
}

/*うすイエロー*/
.box-py {
	background-color:#FFF7CE;
	padding:5px 10px;
}
/*マージン
---------------------------------------*/
/*マージン設定*/
/*マージン全方向０*/
.margin-0 {
	margin: 0 !important;
}
/*マージン全方向10*/
.margin-10 {
	margin: 10px !important;
}
/*マージン全方向20*/
.margin-20 {
	margin: 20px !important;
}
/*マージン全方向30*/
.margin-30 {
	margin: 30px !important;
}
/*マージン左右０*/
.margin-rl0 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
/*マージン左右10*/
.margin-rl10 {
	margin-right: 10px !important;
	margin-left: 10px !important;
}
/*マージン左右20*/
.margin-rl20 {
	margin-right: 20px !important;
	margin-left: 20px !important;
}
/*マージン左右30*/
.margin-rl30 {
	margin-right: 30px !important;
	margin-left: 30px !important;
}
/*マージン左右　中央*/
.margin-rlauto {
	margin-right: auto !important;
	margin-left: auto !important;
}
/*マージン上下０*/
.margin-tb0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
/*マージン上下10*/
.margin-tb10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
/*マージン上下20*/
.margin-tb20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
/*マージン上下30*/
.margin-tb30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}
/*マージン上０*/
.margin-top0 {
	margin-top: 0 !important;
}
/*マージン上5*/
.margin-top5 {
	margin-top: 5px !important;
}
/*マージン上10*/
.margin-top10 {
	margin-top: 10px !important;
}
/*マージン上15*/
.margin-top15 {
	margin-top: 15px !important;
}
/*マージン上20*/
.margin-top20 {
	margin-top: 20px !important;
}
/*マージン上30*/
.margin-top30 {
	margin-top: 30px !important;
}
/*マージン上40*/
.margin-top40 {
	margin-top: 40px !important;
}
/*マージン上70*/
.margin-top70 {
	margin-top: 70px !important;
}
/*マージン上180*/
.margin-top180 {
	margin-top: 180px !important;
}
/*マージン下０*/
.margin-bottom0 {
	margin-bottom: 0 !important;
}
/*マージン下5*/
.margin-bottom5 {
	margin-bottom: 5px !important;
}
/*マージン下10*/
.margin-bottom10 {
	margin-bottom: 10px !important;
}
/*マージン下20*/
.margin-bottom20 {
	margin-bottom: 20px !important;
}
/*マージン下30*/
.margin-bottom30 {
	margin-bottom: 30px !important;
}
/*マージン左０*/
.margin-l0 {
	margin-left: 0 !important;
}
/*マージン左10*/
.margin-l10 {
	margin-left: 10px !important;
}
/*マージン左20*/
.margin-l20 {
	margin-left: 20px !important;
}
/*マージン左30*/
.margin-l30 {
	margin-left: 30px !important;
}
/*マージン左65*/
.margin-l65 {
	margin-left: 65px !important;
}
/*マージン右０*/
.margin-r0 {
	margin-right: 0 !important;
}
/*マージン右10*/
.margin-r10 {
	margin-right: 10px !important;
}
/*マージン右20*/
.margin-r20 {
	margin-right: 20px !important;
}
/*マージン右30*/
.margin-r30 {
	margin-right: 30px !important;
}
/*リスト用インデント幅*/
/*1em*/
.ulindent-1 li {
	text-indent: -1em;
	margin-left: 1em;
}
/*1.1em*/
.ulindent-1-1 li {
	text-indent: -1.1em;
	margin-left: 1.1em;
}
/*1.2em*/
.ulindent-1-2 li {
	text-indent: -1.2em;
	margin-left: 1.2em;
}
/*1.3em*/
.ulindent-1-3 li {
	text-indent: -1.3em;
	margin-left: 1.3em;
}
/*1.4em*/
.ulindent-1-4 li {
	text-indent: -1.4em;
	margin-left: 1.4em;
}
/*1.5em*/
.ulindent-1-5 li {
	text-indent: -1.5em;
	margin-left: 1.5em;
}
/*1.6em*/
.ulindent-1-6 li {
	text-indent: -1.6em;
	margin-left: 1.6em;
}
/*1.7em*/
.ulindent-1-7 li {
	text-indent: -1.7em;
	margin-left: 1.7em;
}
/*1.8em*/
.ulindent-1-8 li {
	text-indent: -1.8em;
	margin-left: 1.8em;
}
/*1.9em*/
.ulindent-1-9 li {
	text-indent: -1.9em;
	margin-left: 1.9em;
}
/*2em*/
.ulindent-2 li {
	text-indent: -2em;
	margin-left: 2em;
}
/*リスト以外インデント*/
/*1em*/
.indent-1 {
	text-indent: -1em;
	margin-left: 1em;
}
/*1.1em*/
.indent-1-1 {
	text-indent: -1.1em;
	margin-left: 1.1em;
}
/*1.2em*/
.indent-1-2 {
	text-indent: -1.2em;
	margin-left: 1.2em;
}
/*1.3em*/
.indent-1-3 {
	text-indent: -1.3em;
	margin-left: 1.3em;
}
/*1.4em*/
.indent-1-4 {
	text-indent: -1.4em;
	margin-left: 1.4em;
}
/*1.5em*/
.indent-1-5 {
	text-indent: -1.5em;
	margin-left: 1.5em;
}
/*1.6em*/
.indent-1-6 {
	text-indent: -1.6em;
	margin-left: 1.6em;
}
/*1.7em*/
.indent-1-7 {
	text-indent: -1.7em;
	margin-left: 1.7em;
}
/*1.8em*/
.indent-1-8 {
	text-indent: -1.8em;
	margin-left: 1.8em;
}
/*1.9em*/
.indent-1-9 {
	text-indent: -1.9em;
	margin-left: 1.9em;
}
/*2em*/
.indent-2 {
	text-indent: -2em;
	margin-left: 2em;
}
/*			テキスト設定
---------------------------------------------------------------*/
/*---- フォントサイズ ----*/
.font-s {
	font-size: 85%;
	line-height: 1.2em;
}
.font-l {
	font-size: 120%;
}
.font-lb {
	font-size: 120%;
	font-weight: bold;
}
.font-total {
	font-size: 1.6em;
	font-weight: bold;
}
.font-sb {
	font-size: 85%;
	line-height: 1.2em;
}
/*---- フォントカラー ----*/
.font-orange {
	color: #CD2E00!important;
}
.font-black {
	color: #333333!important;
}
.font-white {
	color: #F9F8F2!important;
}
.font-yellow {
	color: #F3F16C!important;
}
.font-nodeco {
	color: #FFFFFF!important;
	text-decoration: none!important;
}
/*---- ボールド ----*/
.font-bold {
	font-weight: bold;
}
/*---- 太字フォントをノーマルにする ----*/
.font-normal {
	font-weight: normal;
}
/*---- イタリック ----*/
.font-italic {
	font-style: italic;
}
/*---- 強調見出し ----*/
p.midashi {
	font-size: 115%;
}
p strong {
	color: #CD2E00;
}
/*---- 見出し背景イエロー ----*/
p.ti-yellow {
	background-color: #FFDE00;
	font-size: 120%;
	font-weight: bold;
	padding: 3px 2px 1px 8px;
}
/*---- 文字背景ブルー ----*/
.fbg-blue {
	background-color: #C9ECF8;
	padding: 0 2px 1px 2px;
}
/*---- 文字下線オレンジ ----*/
.ful-orange {
	border-bottom: solid 3px #FF9900;
	padding: 0 2px 3px 5px;
	font-weight: bold;
	margin-bottom: 8px;
}
/*----------------------------------------

オーダーメイドページ
----------------------------------------*/
/*テキストボックスの幅指定*/
.sizetext {
	width: 50px;
	height: 20px;
}
.numtext {
	width: 30px;
	height: 20px;
}
/*---- リスト画像：横並び ----*/

.listimg-f li img {
	float: left;
	padding-left: 15px;
}

Q&Aページ
----------------------------------------*/
.tabContainer {
	width: 100%;
}

/* Q&A */
.tabContainer dl {
	clear: both;
}

/* Q */
.tabContainer dl dt {
	margin: 30px 0 0 0;
	background-image:url(https://frame.itembox.design/item/ic_q.gif);
	background-repeat: no-repeat;
	background-position: 0.5em 1em;
	padding: 18px 0 14px 45px;
	font-weight:bold;
	background-color:#F4F3ED;
}

/* A */
.tabContainer dl dd {
	margin: 0px;
	background-image:url(https://frame.itembox.design/item/ic_a.gif);
	background-repeat: no-repeat;
	background-position: 0.5em 1em;
	padding: 18px 0 14px 45px;
}


/* トップページコラム 追加CSS */
.fs-pt-column__item {
	margin-top: 20px;
}

.fs-p-heading--lv2 {
	position: relative;
	padding: 9px;
	font-weight: bold;
	font-size: 18px;
	background-color: #E3E1D0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-top:20px;
}
.fs-p-heading--lv2 {
  border-bottom: 2px solid currentColor;
  color: #3c3c3c;
  font-size: 1.8rem;
  margin-bottom: 30px;
}
.fs-p-dateList > li time:first-child {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display: inline-block;
}
.fs-p-messageBoard {
  padding: 0px 10px;
}
/* フッターリンク */
.footer_link {
  text-align: center;
  margin: 5px 0;
  padding: 0 10px;
}

.footer_link li {
  display: inline;
}

.footer_link li a {
  color: #FFFFFF;
  font-size: 10px;
}

.footer_web_box {
  padding-top: 30px;
}

.grid_p4_s2 {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 899px) {
  .grid_p4_s2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

}