.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; /* マウスオーバー時に下線を表示 */ }