.fs-p-announcement__title {
    color: #da6744;
    font-size: 1.8rem;
    margin: 0;
}
.fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
    font-size: 3rem;
}

/*定価に取消線を入れる*/
.fs-c-productPrice--listed .fs-c-price {
    text-decoration: line-through;
}

/*　高額購入割引の送料の文字色・サイズの変更　*/
.fs-c-cartDiscountInfo--postage .fs-c-cartDiscountInfo__info{
font-size: 18px; 
color: #FF0000;
line-height: 120%;
font-weight: bold;
}

/*　レビュー平均点数を星（★）マークで表示　*/
 .fs-c-rating{
        display:flex;
    }

/*　誘導バナーと商品一覧の仕切り　*/
.head-border {
    display: flex;
    align-items: center;
}
 
.head-border:before,
.head-border:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666;
}
 
.head-border:before {
    margin-right: 1rem;
}
 
.head-border:after {
    margin-left: 1rem;
}



.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #20b2aa;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #20b2aa;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}


table th,
table td {
    padding: 8px;
}

.box11{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 0; 
    padding: 0;
}

h2 {
  border-bottom: 3px dotted #000;
}

h4 {
  padding: 1rem 2rem;
  border-left: 4px solid #20b2aa;
}


.box6 {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #f5fffa;
    border: dashed 2px #20b2aa;/*点線*/
}
.box6 p {
    margin: 0; 
    padding: 0;
}

.box30 {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.2em;
    background: #5AB9C1;
    padding: 4px;
    text-align: left;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}

/*フォーム全体を中央へ*/
#form1{
  display: flex;
  justify-content: center; /*中央へ固定*/	
  height:50px;/*高さ*/	
}
/*入力フォーム*/
#sbox1{
  width:250px;/*横幅*/
  padding:0 15px;/*プレースホルダーの位置調整*/
  border-radius:4px 0 0 4px;/*左側の角を少し丸める*/		
  background:#eee;/*検背景カラー*/
  border:none;/*枠線を消す*/ 
  outline:0;/*クリック時の青い枠線消す*/	
}
/*検索ボタン*/
#sbtn1{
  width:70px;/*横幅*/ 
  border-radius:0 4px 4px 0;/*右側の角を少し丸める*/ 
  background:#7fbfff;/*背景カラー*/ 
  border:none;/*枠線を消す*/ 
  color:#fff;/*テキストカラー*/ 
  font-size:16px;/*フォントサイズ指定*/ 
  cursor: pointer;/*マウスを乗せると指差しポインターになる*/
}
/*検索ボタンマウスオーバー時*/
#sbtn1:hover {
  background: #92dbff;/*背景カラー変更*/


.dropdown__lists {
    display: none;/*デフォルトでは非表示の状態にしておく*/
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
}
.gnavi__list:hover .dropdown__lists {
    display: block;/*Gナビメニューにホバーしたら表示*/
}
.dropdown__list {
    background-color: #004d80;
    height: 60px;
    transition: all .3s;
    position: relative;
}
.dropdown__list:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #3492d1;
    position: absolute;
    top: 0;
    left: 0;
}
.dropdown__list:hover {
    background-color: #003558;
}
.dropdown__list a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    position: relative;
}
.dropdown__list a::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(135deg);
    position: absolute;
    right: 15px;
    top: calc(50% - 5px);


/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu {
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
   padding: 0px 0px 0px 15px; /* メニューバー内側の余白(左に15px) */
   background-color: #cc0000; /* バーの背景色(濃い赤色) */
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li {
   width: 125px;           /* メニュー項目の横幅(125px) */
   display: inline-block;  /* ★1:横並びに配置する */
   list-style-type: none;  /* ★2:リストの先頭記号を消す */
   position: relative;     /* ★3:サブメニュー表示の基準位置にする */
}
ul.ddmenu a {
   background-color: #cc0000; /* メニュー項目の背景色(濃い赤色) */
   color: white;              /* メニュー項目の文字色(白色) */
   line-height: 40px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   font-weight: bold;         /* 太字にする */
   display: block;            /* ★4:項目内全域をリンク可能にする */
}
ul.ddmenu a:hover {
   background-color: #ffdddd; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}

/* ▼サブメニューは、とりあえず非表示にしておく */
ul.ddmenu ul {
   display: none;         /* ★5:非表示にする */
}
}
}

/* ヘッダーナビゲーションの高さを調整するCSS */
.fs-p-headerNavBar {
  padding: 0.5% 0;
}
 
/* 検索窓を広げるCSS */
.fs-p-searchForm {
    width: 400px;

}

/* 検索窓の高さを調整するCSS */
.fs-p-headerNavigation__search .fs-p-searchForm__input {
    height: 55px;
}
.fs-p-headerNavigation__search .fs-p-searchForm__button {
    margin-top: 15px;
}

h1 {
  color: #000000;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #696969;
}



 

/*一部だけ線の色を変える*/
.box2-7 {
display:inline-block;
	padding:2em;/*内側の余白*/
	border: 3px solid #eee;	
	position: relative;
	z-index: 0;
}
.box2-7:before {
	border-top:3px solid #8293AA;
	border-left:3px solid #8293AA;
	content: '';
	display: block;
	position: absolute;
	top: -3px;
	left: -3px;
	width: 20px;
	height: 20px;
	z-index: 1;
}


.container
{ /* その他のページスタイル */ }
.text-banner
{ position: fixed; /* バナーを固定位置に配置 */
right: 1px; /* 右端から1ピクセルの位置に設置 */
bottom: 20px; /* 下端から20ピクセルの位置に設置 */
z-index: 9999; /* 他の要素より前面に表示 */
background-color: #b0e0e6; /* 背景色をグリーンに設定 */
color: #ffffff; /* テキストカラーを白に設定 */
padding: 10px 20px; /* 内側の余白を設定 */
font-size: 16px; /* フォントサイズを16ピクセルに設定 */
border-radius: 5px; /* 角を丸くする */
text-decoration: none; /* 下線をなくす */ }
.text-banner:hover
{ background-color: #f0f8ff; /* マウスオーバー時の背景色をアイスブルーに設定 */
text-decoration: underline; /* マウスオーバー時に下線を表示 */ }

/*----------------------------------
カテゴリメインビジュアル 2025.11.27 hnb
--------------------------------------*/
.fs-body-category .cete_mv p{margin: 0}
.fs-body-category .cete_mv{display: flex;justify-content: space-between;align-items: center}
.fs-body-category .cete_mv .text{width: 66%}
.fs-body-category .cete_mv .text h1{font-size: 30px;margin-bottom: 30px;margin-top: 0;border: none}
.fs-body-category .cete_mv .text h1 span{font-size: 15px;display: inline-flex;vertical-align: middle;padding-bottom: 10px;}
.fs-body-category .cete_mv .text h1 span:before{content:"/";margin: 0 20px;font-size: 15px;display: inline-flex}
.fs-body-category .cete_mv .text .read{font-size: 14px}
.fs-body-category .cete_mv .img{width: 31%}
@media (max-width: 767px) { 
.fs-body-category .cete_mv{display: block;padding: 0 10px}
.fs-body-category .cete_mv .img{width: 100%}
.fs-body-category .cete_mv .text{width: 100%;margin-bottom: 20px}
.fs-body-category .cete_mv .text h1 {border: none;margin-bottom: 0;font-weight: bold;}
.fs-body-category .cete_mv .text h1 span{display: block;margin-top: 10px;padding-bottom: 15px}
.fs-body-category .cete_mv .text h1 span:before{margin-left: 5px}
 }

/*-----------------------------------------
hnb_common 2025.12.4
-------------------------------------------*/
.hnb_common a{color: #3C3C3C;}
.hnb_common a:hover{opacity: 0.7;transition: opacity 0.2s ease;text-decoration: none}
.hnb_common a.link.red{color: #C82333 !important;}
.hnb_common a.link.line{text-decoration: underline}
.hnb_common a.link.line:hover{opacity: 0.7}
.hnb_common .f11{font-size: 11px;}
.hnb_common .f12{font-size: 12px;}
.hnb_common .f13{font-size: 13px;}
.hnb_common .f14{font-size: 14px;}
.hnb_common .f15{font-size: 15px;}
.hnb_common .f16{font-size: 16px;}
.hnb_common .f17{font-size: 17px;}
.hnb_common .f18{font-size: 18px;}
.hnb_common .f19{font-size: 19px;}
.hnb_common .f20{font-size: 20px}
.hnb_common .f21{font-size: 21px}
.hnb_common .f22{font-size: 22px}
.hnb_common .f23{font-size: 23px}
.hnb_common .f24{font-size: 24px}
.hnb_common .f25{font-size: 25px}
.hnb_common .f26{font-size: 26px}
.hnb_common .f28{font-size: 28px}
.hnb_common .f30{font-size: 30px}
.hnb_common .f32{font-size: 32px}
.hnb_common .f34{font-size: 34px}
.hnb_common .f36{font-size: 36px}
.hnb_common .f38{font-size: 38px}
.hnb_common .f40{font-size: 40px}
.hnb_common .center{text-align: center}
.hnb_common .mb10{margin-bottom: 10px !important}
.hnb_common .mb20{margin-bottom: 20px !important}
.hnb_common .mb30{margin-bottom: 30px !important}
.hnb_common .mb40{margin-bottom: 40px !important}
.hnb_common .mb50{margin-bottom: 50px !important}
.hnb_common .mb60{margin-bottom: 60px !important}
.hnb_common .mb70{margin-bottom: 70px !important}
.hnb_common .mb80{margin-bottom: 80px !important}
.hnb_common .mb90{margin-bottom: 90px !important}
.hnb_common .mb100{margin-bottom: 100px !important}
.hnb_common .mb120{margin-bottom: 120px !important}
.hnb_common .mb140{margin-bottom: 140px !important}
.hnb_common .mb160{margin-bottom: 160px !important}
.hnb_common .mb180{margin-bottom: 180px !important}
.hnb_common .mb200{margin-bottom: 200px !important}
.hnb_common .text_right{text-align: right}
.hnb_common .text_center{text-align: center}
.hnb_common .red{color: #C82333}
.hnb_common .bold{font-weight: bold;}
.hnb_common .w1000{max-width: 1000px; margin-left: auto;margin-right: auto;}
.hnb_common .w800{max-width: 800px; margin-left: auto;margin-right: auto;}
.hnb_common .w60img{max-width: 60%; margin-left: auto;margin-right: auto;}
.hnb_common .w70img{max-width: 70%; margin-left: auto;margin-right: auto;}
.hnb_common .w75img{max-width: 75%; margin-left: auto;margin-right: auto;}
.hnb_common .w80img{max-width: 80%; margin-left: auto;margin-right: auto;}
.hnb_common .w85img{max-width: 85%; margin-left: auto;margin-right: auto;}
.hnb_common .w90img{max-width: 90%; margin-left: auto;margin-right: auto;}
.hnb_common span.marker {background: linear-gradient(transparent 60%, #FFF47F 60%);}

.hnb_common .pc_only{display: block}
.hnb_common .sp_only{display: none}
@media (max-width: 767px) { 
.hnb_common .pc_only{display: none}
.hnb_common .sp_only{display: block}
.hnb_common .f11{font-size: 11px;}
.hnb_common .f12{font-size: 12px;}
.hnb_common .f13{font-size: 13px;}
.hnb_common .f14{font-size: 14px;}
.hnb_common .f15{font-size: 15px;}
.hnb_common .f16{font-size: 16px;}
.hnb_common .f17{font-size: 17px;}
.hnb_common .f18{font-size: 18px;}
.hnb_common .f19{font-size: 19px;}
.hnb_common .f20{font-size: 20px}
.hnb_common .f21{font-size: 21px}
.hnb_common .f22{font-size: 22px}
.hnb_common .f23{font-size: 23px}
.hnb_common .f24{font-size: 24px}
.hnb_common .f25{font-size: 25px}
.hnb_common .f26{font-size: 26px}
.hnb_common .f28{font-size: 28px}
.hnb_common .f30{font-size: 30px}
.hnb_common .f32{font-size: 32px}
.hnb_common .f34{font-size: 34px}
.hnb_common .f36{font-size: 36px}
.hnb_common .f38{font-size: 38px}
.hnb_common .f40{font-size: 40px}
.hnb_common .mb10{margin-bottom: 10px !important}
.hnb_common .mb20{margin-bottom: 20px !important}
.hnb_common .mb30{margin-bottom: 30px !important}
.hnb_common .mb40{margin-bottom: 40px !important}
.hnb_common .mb50{margin-bottom: 40px !important}
.hnb_common .mb60{margin-bottom: 40px !important}
.hnb_common .mb70{margin-bottom: 60px !important}
.hnb_common .mb80{margin-bottom: 60px !important}
.hnb_common .mb90{margin-bottom: 60px !important}
.hnb_common .mb100{margin-bottom: 80px !important}
.hnb_common .mb120{margin-bottom: 100px !important}
.hnb_common .mb140{margin-bottom: 100px !important}
.hnb_common .mb160{margin-bottom: 80px !important}
.hnb_common .mb180{margin-bottom: 80px !important}
.hnb_common .mb200{margin-bottom: 80px !important}
.hnb_common .indent{width: 90%; margin-left: auto;margin-right: auto}
}



/*--------------------------------
header_hnb 2025.12
--------------------------------*/
.hnb_common header .indent{max-width: 1216px;width: 100%;margin: 0 auto}
.hnb_common ul,.hnb_common li,.hnb_common dl,.hnb_common dt,.hnb_common dd,.hnb_common p,.hnb_common h2,.hnb_common h3,.hnb_common h4,.hnb_common h5{margin: 0;}
.hnb_common ul{padding: 0}
.hnb_common ul li{list-style: none;}
.hnb_common .logout.my-false,
.hnb_common .login.my-true {display: none;}
@media (min-width: 767px) { 
.fs-l-main{padding: 0;}
}
@media (max-width: 767px) { 
.hnb_common header .indent{padding: 0 8px}
.hnb_common header .indent.sp_no_indent{padding: 0}
}

.hnb_common header .logo_flex{display: flex;justify-content: space-between;margin-top: 10px;align-items: center;margin-bottom: 5px}
	.hnb_common header .logo_flex .logo h1{font-weight: normal;font-size: 12px;border: none;margin: 0 0 5px 0}
	.hnb_common header .logo_flex .logo h2{border: none;margin: 0}
		.hnb_common header .logo_flex .logo{width: 30%}
	.hnb_common header .logo_flex .ut_flex{width:58.5%;display: flex;justify-content: space-between;align-items: center }
	.hnb_common header .logo_flex .ut_flex .quotation a{display: block;background:url(https://rfyamakawa.itembox.design/item/img/header/icon_mitu.png) no-repeat 20px 6px #2D4A65;background-size: 29px;
	border-radius: 2px;font-size: 14px; font-weight: bold;color: #fff;width: 170px;text-align: center;padding:10px 10px 10px 40px;height: 43px }
	.hnb_common header .logo_flex .ut_flex .qa{width:272px }
		.hnb_common header .logo_flex .ut_flex .qa .qa_flex{display: flex;justify-content: space-between;align-items: center;margin-bottom: 2px }
			.hnb_common header .logo_flex .ut_flex .qa .qa_flex li.icon_next{font-size: 11px;}
			.hnb_common header .logo_flex .ut_flex .qa .qa_flex li a{font-size: 12px;border: 1px solid #7C8790;color: #7C8790; display: block;padding: 1px 4px;text-align: center;box-sizing: border-box;border-radius: 2px}
		.hnb_common header .logo_flex .ut_flex .qa .qa_flex2{display: flex;justify-content: space-between; }
			.hnb_common header .logo_flex .ut_flex .qa .qa_flex2 li{width: 49%}
			.hnb_common header .logo_flex .ut_flex .qa .qa_flex2 li a{font-size: 14px;background-color: #7C8790;font-weight: bold;color: #fff;text-align: center;padding: 1px 0;display: block;border-radius: 2px}
	.hnb_common header .logo_flex .ut_flex .tel{width:240px}
@media (max-width: 767px) { 
	/*SP header*/
	.hnb_common header .logo_flex{align-items: flex-start;column-gap: 5px;margin-bottom: 0}
	.hnb_common header .logo_flex .logo{width: 78%}
		.hnb_common header .logo_flex .logo h1{font-size: 9px}
		.hnb_common header .logo_flex .logo img{width: 75%}
	.hnb_common header .logo_flex .cart{width: 11%;position: relative}
		.hnb_common header .logo_flex .cart a .fs-client-cart-count{position: absolute;top: -4px; left: 24px;font-size: 9px; font-weight: bold;color: #fff;
		display: block;width: 16px;height: 16px;background-color: #EA7832;text-align: center;padding-top: 2px;border-radius: 100px}
	.hnb_common header .logo_flex .drawer{width: 11%}
	.hnb_common header .logo_flex #fs_p_ctrlDrawer + .lav .open { display: block;}
	.hnb_common header .logo_flex #fs_p_ctrlDrawer + .lav .close { display: none;}
	.hnb_common header .logo_flex #fs_p_ctrlDrawer:checked + .lav .open { display: none;}
	.hnb_common header .logo_flex #fs_p_ctrlDrawer:checked + .lav .close { display: block;}
	.fs-p-ctrlDrawer:checked ~ .fs-p-drawer{transform: translateX(0);}
	
	/*ドロワー*/
.hnb_common header .drawer-content{top: 65px;width: 100%;padding: 10px 0}
	.hnb_common header .drawer-content .qa{width:100%;margin-bottom: 10px }
		.hnb_common header .drawer-content .qa .qa_flex{display: flex;justify-content: space-between;align-items: center;margin-bottom: 5px }
			.hnb_common header .drawer-content .qa .qa_flex li.icon_next{font-size: 14px;font-weight: bold;}
			.hnb_common header .drawer-content .qa .qa_flex li a{font-size: 14px;border: 1px solid #7C8790;color: #7C8790; display: block;padding: 2px 4px;
			text-align: center;box-sizing: border-box;border-radius: 2px}
			.hnb_common header .drawer-content .qa .qa_flex li.w30{width: 30%}
			.hnb_common header .drawer-content .qa .qa_flex li.w40{width: 38%}
			
		.hnb_common header .drawer-content .qa .qa_flex2{display: flex;justify-content: space-between; }
			.hnb_common header .drawer-content .qa .qa_flex2 li a{font-size: 12px;background-color: #7C8790;font-weight: bold;color: #fff;text-align: center;padding: 10px 0;display: block;border-radius: 2px}
			.hnb_common header .drawer-content .qa .qa_flex2 li.quotation a{display: block;background:url(https://rfyamakawa.itembox.design/item/img/header/icon_mitu.png) no-repeat 20px 6px #2D4A65;background-size: 27px;border-radius: 2px;font-size: 14px; font-weight: bold;color: #fff;width: 100%;text-align: center;padding:9px 10px 8px 40px;height:auto}			
			.hnb_common header .drawer-content .qa .qa_flex2 li.w25{width: 25%}
			.hnb_common header .drawer-content .qa .qa_flex2 li.w50{width: 48%}

.hnb_common header .login_flex{background: #E7EAED;display: flex;align-items: center;column-gap: 30px;padding: 15px 80px 5px 80px;justify-content: center;}
	.hnb_common header .login_flex img{height: 43px}
	.hnb_common header .login_flex img.entry{height: 35px}
	
.hnb_common header .drawer-content .nav_flex{flex-wrap:wrap;margin: 0 0 10px 0;justify-content: flex-start;}
	.hnb_common header .drawer-content .nav_flex .box{width: 33.33%; box-sizing: border-box;}
	.hnb_common header .drawer-content .nav_flex .box:nth-child(3n) a{border-right: none}
	.hnb_common header .drawer-content .nav_flex .box img{width: auto;height: 46px}
	.hnb_common header .drawer-content .nav_flex .box:nth-child(7){padding-right: 0;width: 33.33%;}	
	
}


.hnb_common header .pay_flex{display: flex;justify-content: space-between;margin-bottom: 10px}		
	.hnb_common header .pay_flex .pay{width: 57%}	
	.hnb_common header .pay_flex .log_area_flex{width:33%;display: flex;justify-content: flex-end;align-items: center;gap:25px;}
		.hnb_common header .pay_flex .log_area_flex .icon1{width: 42px}
		.hnb_common header .pay_flex .log_area_flex .icon2{width: 113px}
		.hnb_common header .pay_flex .log_area_flex .icon3{width: 47px}
		.hnb_common header .pay_flex .log_area_flex .icon4{width: 47px}
	.hnb_common header .pay_flex .log_area_flex .cart a{display: block;background: #EA7832;text-align: center;border-radius: 2px;padding: 10px;width: 180px;box-sizing: border-box;position: relative;}
		.hnb_common header .pay_flex .log_area_flex .cart a img{vertical-align: sub;margin-right: 10px;}
		.hnb_common header .pay_flex .log_area_flex .cart a span{font-weight: bold;color: #fff;font-size: 14px}
		.hnb_common header .pay_flex .log_area_flex .cart a .fs-client-cart-count{position: absolute;top: 5px; left: 46px;font-size: 9px; font-weight: bold;color: #fff;
		display: block;width: 16px;height: 16px;background-color: #2D4A65;text-align: center;padding-top: 2px;border-radius: 100px}
	
.hnb_common header .search_area{background: #E8EAED;padding: 15px 0}
	.hnb_common header .search_area .search_flex{display: flex;align-items: baseline}
	.hnb_common header .search_area .search_flex .search_box{width: 54%;position: relative}
	.hnb_common header .search_area .search_flex .search_box select{width: 20%;border: 1px solid #3C3C3C;border-radius: 0;margin-right: 3%;
	appearance: none;-webkit-appearance: none;-moz-appearance: none;
	font-family: "fs-icon" !important; content: "\e90c";vertical-align: middle;
  background: url('https://rfyamakawa.itembox.design/item/img/header/select.png') no-repeat right 10px center #fff;background-size: 10px;}
	.hnb_common header .search_area .search_flex .search_box input{width: 73%;border: 1px solid #3C3C3C;border-radius: 37px;padding-left: 20px}
	.hnb_common header .search_area .search_flex .search_box button{position: absolute;right: 30px;background: none;border: none;padding: 0}
	.hnb_common header .search_area .search_flex .word{display: flex;column-gap: 10px}
	.hnb_common header .search_area .search_flex .word li a{display: block;background: #8EADBD;color: #fff;font-size: 12px;font-weight: bold;border-radius: 10px;padding: 2px 8px;width: max-content;}
	@media (max-width: 767px) { 
		.hnb_common header .search_area{padding: 10px 0}
		.hnb_common header .search_area .search_flex{display: block;}
		.hnb_common header .search_area .search_flex .search_box{width: 100%;margin-bottom: 10px}
		.hnb_common header .search_area .search_flex .search_box form{display: flex;justify-content: space-between}
		.hnb_common header .search_area .search_flex .search_box select{width: 40%;}
		.hnb_common header .search_area .search_flex .search_box input{width: 60%;}
		.hnb_common header .search_area .search_flex .search_box button{right: 12px;top:2px ; background: url('https://rfyamakawa.itembox.design/item/img/header/search.svg') no-repeat right center  }
		.hnb_common header .search_area .search_flex .search_box button::before{display: none}
	}

.hnb_common header .nav_flex{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 15px 0 0 0}
.hnb_common header .nav_flex.no_under{margin: 0 0 15px 0}
	.hnb_common header .nav_flex .box{flex: 1 0 calc(100% / 7); box-sizing: border-box;text-align: center;}
	.hnb_common header .nav_flex .box a{display: block;border-right: 1px solid #3C3C3C;border-bottom: 1px solid #3C3C3C;padding: 10px}
	.hnb_common header .nav_flex .box:nth-child(1) a{border-left: 1px solid #3C3C3C;}
	.hnb_common header .nav_flex.no_under .box a{border-bottom: none;}
	.hnb_common header .nav_flex .box .name{font-weight: bold;font-size: 13px;}
	@media (max-width: 767px) { 
		.hnb_common header .sp_scroll{overflow-x: auto;-webkit-overflow-scrolling: touch;margin-bottom: 10px; padding-bottom: 10px;}
		.hnb_common header .sp_scroll .scroll_img{position: absolute;right: 0;}
		.hnb_common header .sp_scroll .scroll_img img{width: 26px}
		.hnb_common header .nav_flex{ flex-wrap: nowrap;margin-bottom: 0}
		.hnb_common header .nav_flex.no_under{ margin-bottom: 0;margin-top: 0}
		.hnb_common header .nav_flex .box a{padding: 10px 0}
		.hnb_common header .nav_flex .box:nth-child(1) a{border-left: none;}
		.hnb_common header .nav_flex .box{flex-shrink: 0;width: 27%;flex: none }
		.hnb_common header .nav_flex .box .name{font-size: 9px;}
		.hnb_common header .nav_flex .box img{width: 90%}
		.hnb_common header .nav_flex .box:nth-child(7),
		.hnb_common header .nav_flex2 .box:nth-child(7){padding-right: 6%;width: 33%;}

	}
	
.hnb_common header .sale_bnr_flex{display: flex;justify-content: space-between;margin-bottom: 20px}
.hnb_common header .sale_bnr_flex p{width: 49%}


/*ヘッダールーム*/
@media (max-width: 767px) { 
.fs-preview-header { display: none; }
	.hnb_common header{margin-top: 140px;}
	.hnb_common header #myHeader {
			position: fixed;
			top: 0px;
			width: 100%;
			transition: top 0.3s;
			background: #fff;
			z-index: 9;
			overflow: hidden;
 touch-action: none;
  overscroll-behavior: none;			
	}
}

@media (max-width: 1175px) and (min-width: 768px) {
/*tablet*/
.hnb_common header .indent{padding: 0 10px}
.hnb_common header .nav_flex .box .name{font-size: 10px}
.hnb_common header .pay_flex .log_area_flex .cart a{width: 100%}
.hnb_common header .pay_flex .log_area_flex{width: 35%}
.hnb_common header .logo_flex .logo{width: 25%}
.hnb_common header .logo_flex .ut_flex{width: 74%;justify-content: flex-end;column-gap: 10px}
.hnb_common header .logo_flex .ut_flex .quotation a{width: 100%;font-size: 13px;background-size: 20px;background-position: 10px;padding: 12px 5px 5px 30px;}
.hnb_common header .logo_flex .ut_flex .qa .qa_flex2 li a{font-size: 12px}
.hnb_common header .logo_flex .logo h1{font-size: 9}
.hnb_common header .logo_flex .ut_flex .tel{width: 30%}
.hnb_common header .pay_flex .log_area_flex .cart a span{font-size: 12px}
.hnb_common header .pay_flex .log_area_flex .cart a .fs-client-cart-count{left: 23px}
.hnb_common header .pay_flex .log_area_flex{width: 40%;justify-content: flex-end;column-gap: 10px}
}


.hnb_common .icon_next:after{font-family: "fs-icon" !important; content: "\e90c";vertical-align: middle}


/*--------------------------------
top_hnb 2025.12
--------------------------------*/
.hnb_common .hnb_top{width: 100%;max-width: 1216px;margin: 0 auto}
.hnb_common .hnb_top .about_yamakawa_flex{display: flex;margin-bottom: 20px}
	.hnb_common .hnb_top .about_yamakawa_flex .left{width: 35%;background-color:#2E2E2E;color: #fff;box-sizing: border-box;padding: 30px}
	.hnb_common .hnb_top .about_yamakawa_flex .left img{width: 308px}
	.hnb_common .hnb_top .about_yamakawa_flex .right{width: 65%;background: url(https://rfyamakawa.itembox.design/item/img/top/bk_company.png) no-repeat right bottom #F6F3F1;
	box-sizing: border-box;padding:30px;background-size: contain;}
	.hnb_common .hnb_top .about_yamakawa_flex .text{font-size: 13px;margin-bottom: 20px;width: 64%;line-height: 2em;}
	.hnb_common .hnb_top .about_yamakawa_flex .icon_next a{text-decoration: underline;font-size: 13px;}
	
	.hnb_common .hnb_top .about_shop_flex{display: flex;padding:20px 50px;background-color:#D2EFEF;align-items: center;margin-bottom: 20px}
	.hnb_common .hnb_top .about_shop_flex .left{background: url(https://rfyamakawa.itembox.design/item/img/top/icon_company.png) no-repeat left center; background-size: 66px;font-weight: bold;
	padding: 10px 40px 10px 90px; border-right: 1px solid #3C3C3C;margin-right: 40px;width: 55%;box-sizing: border-box;}
	
	@media (max-width: 767px) { 
		.hnb_common .hnb_top .about_yamakawa_flex{display: block}
			.hnb_common .hnb_top .about_yamakawa_flex .left{width: 100%;padding: 20px}
			.hnb_common .hnb_top .about_yamakawa_flex .left img{width: 90%}
			.hnb_common .hnb_top .about_yamakawa_flex .left .f22{font-size: 20px}
			.hnb_common .hnb_top .about_yamakawa_flex .text{width: 100%}
			.hnb_common .hnb_top .about_yamakawa_flex .right{width: 100%;padding: 20px;background: url(https://rfyamakawa.itembox.design/item/img/top/bk_company_sp.png) no-repeat right bottom #F6F3F1;
			background-size: 70%;padding-bottom: 110px;}
			
		.hnb_common .hnb_top .about_shop_flex{display: block;background: none}
		.hnb_common .hnb_top .about_shop_flex .left{width: 100%;background: url(https://rfyamakawa.itembox.design/item/img/top/icon_company.png) no-repeat 30px center #D2EFEF; background-size: 60px;
		border: none;padding: 20px 30px 20px 100px;}
		.hnb_common .hnb_top .about_shop_flex .left .f24{font-size: 16px}
		.hnb_common .hnb_top .about_shop_flex .left .f16{font-size: 13px}
		.hnb_common .hnb_top .about_shop_flex .right{width: 100%;background-color:#D2EFEF;padding:0 20px 30px}
		.hnb_common .hnb_top .about_shop_flex .right .f14{border-top: 1px solid #3C3C3C;padding-top: 20px}
		
		/*accordion*/
		.hnb_common .hnb_top .accordion{box-sizing:border-box;padding: 0}
		.hnb_common .hnb_top .btn-more{width:100%;text-align:center;padding:15px 20px;cursor:pointer;position:relative;color:#FFF;
		box-sizing:border-box;background: url(https://rfyamakawa.itembox.design/item/img/top/icon_down.png?1) no-repeat center #576E83;background-size: 15px;}
		.hnb_common .hnb_top .btn-more.close{background: url(https://rfyamakawa.itembox.design/item/img/top/icon_up.png?1) no-repeat center #576E83;background-size: 15px;}
		.hnb_common .hnb_top .dropdown{display:none;overflow:hidden;transition:max-height 0.3s ease-out;}
		.hnb_common .hnb_top .dropdown.open{height:auto;}			
			
	}




.top_info li.fs-pt-list__item{border:#D8D8D8 solid 3px;padding: 15px 30px 15px 110px;margin-bottom: 20px;
background: url(https://rfyamakawa.itembox.design/item/img/top/icon_info.png?1) no-repeat 20px center; background-size: 67px;min-height: 67px}
	.top_info li.fs-pt-list__item a{color: #3C3C3C;text-decoration: none}
	.top_info li.fs-pt-list__item h2{border: none;font-size:16px; font-weight: bold;margin-bottom: 10px;margin-top: 0}
	.top_info li.fs-pt-list__item p{font-size:13px; line-height: 1.8}
	@media (max-width: 767px) { 
	.top_info li.fs-pt-list__item{padding:10px 20px;background: none}
		.top_info li.fs-pt-list__item a{color: #3C3C3C;text-decoration: none}
		.top_info li.fs-pt-list__item h2{padding-left:70px;padding-top: 0.8em;
	background: url(https://rfyamakawa.itembox.design/item/img/top/icon_info.png?1) no-repeat left center; background-size: 54px;min-height: 54px}

	}