@charset "Shift_JIS";

/*--------------------------------------------------------
  フルCSSプロフェッショナルテンプレート部品設定
--------------------------------------------------------*/


#hpb-main .hpb-parts-hl-style
{
    clear: both;
    margin-top: 0.5em !important;
    margin-bottom: 1em !important;
    padding-top: 3px !important;
    padding-left: 5px !important;
    padding-bottom: 3px !important;
    text-align: left;
    font-size: 1.1em !important;
    color: #000 !important;
    font-weight: normal;
    background-image: none !important;
	background-color: #3a542e !important;
    height: auto;
    line-height: normal;
    letter-spacing: normal !important;
	border-color: #cecece !important;
}

#hpb-main .hpb-parts-hl-style0
{
    clear: both;
    margin-top: 0.5em ;
    margin-bottom: 1em ;
    padding-top: 3px ;
    padding-left: 5px ;
    padding-bottom: 3px ;
    text-align: left;
    font-size: 18px ;
    color: #ff0000 ;
    font-weight: normal;
    background-image: none ;
    height: auto;
    line-height: 2.2em;
    letter-spacing: normal ;
}


#hpb-main .hpb-parts-hl-style00
{
    clear: both;
    margin-top: 0.5em ;
    margin-bottom: 1em ;
    padding-top: 3px ;
    padding-left: 5px ;
    padding-bottom: 3px ;
    text-align: left;
    font-size: 15px ;
    color: #000 ;
    font-weight: normal;
    background-image: none ;
	background-color: #e8db4a ;
    height: auto;
    line-height: 2.2em;
    letter-spacing: normal ;
	border-color: #cecece ;
}

#hpb-main .hpb-parts-hl-style01
{
    clear: both;
    margin-top: 0.5em ;
    margin-bottom: 1em ;
    padding-top: 3px ;
    padding-left: 5px ;
    padding-bottom: 3px ;
    text-align: left;
    font-size: 15px ;
    color: #000 ;
    font-weight: normal;
    background-image: none ;
	background-color: #facaea ;
    height: auto;
    line-height: 2.2em;
    letter-spacing: normal ;
	border-color: #cecece ;
}

#hpb-main .hpb-parts-hl-style2
{
    clear: both;
    margin-top: 0.5em ;
    margin-bottom: 1em ;
    padding-top: 3px ;
    padding-left: 5px ;
    padding-bottom: 3px ;
    text-align: left;
    font-size: 15px ;
    color: #ffffff ;
    font-weight: normal;
    background-image: none ;
	background-color: #3a542e ;
    height: auto;
    line-height: 2.0em;
    letter-spacing: normal ;
	border-color: #709e59 ;
}

#hpb-main .hpb-parts-hl-style3
{
    clear: both;
    margin-top: 0.5em ;
    margin-bottom: 1em ;
    padding-top: 3px ;
    padding-left: 5px ;
    padding-bottom: 3px ;
    text-align: left;
    font-size: 15px ;
    color: #000000 ;
    font-weight: normal;
    background-image: none ;
	background-color: #bfdb6b ;
    height: auto;
    line-height: 2.2em;
    letter-spacing: normal ;
	border-color: #cecece ;
}

#hpb-main .hpb-parts-hl-style4
{
    clear: both;
    margin-top: 0.5em ;
    margin-bottom: 1em ;
    padding-top: 14px ;
    padding-left: 5px ;
    padding-bottom: 14px ;
    text-align: left;
    font-size: 18px ;
    color: #000000 ;
    font-weight: normal;
    background-image: none ;
	background-color: #fafa3c ;
    height: auto;
    letter-spacing: normal ;
}

#hpb-main .hpb-parts-hl-style5
{
    clear: both;
    margin-top: 5px ;
    margin-bottom: 5px ;
    font-size: 18px ;
    color: #ffff00 ;
    letter-spacing: normal ;
}

#hpb-main .hpb-parts-hl-style-h3
{
    clear: both;
    margin-top: 0.5em ;
    margin-bottom: 0.5em ;
    padding-top: 13px ;
    padding-left: 5px ;
    padding-bottom: 13px ;
    text-align: left;
    font-size: 18px ;
    color: #000 ;
    font-weight: normal;
    background-image: none ;
	background-color: #fcbdcf ;
    height: auto;
    line-height: normal;
    letter-spacing: normal ;
	border-color: #cecece ;
}




.hpb-parts-cbox-style
{
	border-color: #cecece !important;
    line-height: 2.0em;
    padding-left: 8px ;
}

.hpb-parts-cbox-style2
{
	border-color: none ;
}

.hpb-parts-hr-style
{
	border-color: #cecece !important;
}

.hpb-parts-pbox-style
{
    background-color: #e8f0e4;
    border-color: #cecece;
}

.hpb-parts-pbox-style2
{
    background-color: #ffffff;
    border-color: #cecece;
font-size: 15px;
line-height: 1.5em;
}

.hpb-parts-pbox-style h4
{
    padding: 0px !important;
}
.hpb-parts-pbox-style img
{
    background-color: #e8f0e4;
}

.hpb-parts-blist-style
{
    background-color: #b8d7a9;
    border-color: #709e59;
}
a.hpb-parts-blist-style:link
{
    color: #243c30;
}
a.hpb-parts-blist-style:visited
{
    color: #243c30;
}
a.hpb-parts-blist-style:hover
{
    background-color: #e8f0e4;
}
a.hpb-parts-blist-style:active
{
    background-color: #e8f0e4;
}


/*--------------------------------------------------------
  hpbparts
--------------------------------------------------------*/
/* 飾りなし 幅自動 */
.hpb-parts-cnt-01
{
    margin-bottom: 5px;
    padding: 5px;
}

/******************************
 * 見出し (h1-h6)
 ******************************/


/* 飾りつき 1 (左■付き) */
.hpb-parts-hl-06
{
    padding-left: 0.5em !important;
    border-left-width: 0.5em !important;
    border-left-color: #709e59 !important;
}



/******************************
 * 写真/画像 (img)
 ******************************/

/* 余白あり */
.hpb-parts-img-02
{
}

/* 写真ボックス 左寄せ配置用 */
.hpb-parts-img-03
{
}



/******************************
 * 水平線 (hr)
 ******************************/

/* 水平線 1 (実線・細) */
.hpb-parts-hr-01
{
}

/* 水平線 2 (実線・太) */
.hpb-parts-hr-02
{
}

/* 水平線 3 (点線・細) */
.hpb-parts-hr-03
{
}

/* 水平線 4 (点線・太) */
.hpb-parts-hr-04
{
}

/* 水平線 5 (破線・細) */
.hpb-parts-hr-05
{
}

/* 水平線 6 (破線・太) */
.hpb-parts-hr-06
{
}

/* 水平線 7 (2重線) */
.hpb-parts-hr-07
{
}

/******************************
 * 写真ボックス (div)
 ******************************/

/* 飾りなし */
.hpb-parts-pbox-01
{
}

.hpb-parts-pbox-01 h4
{
    margin-bottom: 0.5em;
}


/* 写真ボックス用 文章領域 */
.hpb-parts-pbox-desc
{
}

.hpb-parts-pbox-desc h4
{
    margin-bottom: 0.5em;
}

/******************************
 * バナーリスト
 ******************************/

/* 画像付き 2 */
.hpb-parts-blist-05
{
}
.hpb-parts-blist-05 ul
{
}
.hpb-parts-blist-05 li
{
    border-bottom: none !important;
    padding: 2px !important;
    padding-left: 0 !important;
    background-image: none !important;
}
.hpb-parts-blist-05 li a
{
    border-style: dotted;
}
.hpb-parts-blist-05 li a img
{
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
/* ==================================================
   スマホ最適化 CSS【確定版】
   ・標準ページ：文字大きめ＋行間広め
   ・商品系9ページ：行間は一切変更しない
   ================================================== */
@media screen and (max-width: 767px) {

  /* ==========================
     �@ 標準ページのみ
     ========================== */
  body:not(.page-shohin)
  :not(.page-1800ml)
  :not(.page-kapuseru)
  :not(.page-new-kap)
  :not(.page-shohin-teiki)
  :not(.page-shohin-1800)
  :not(.page-otoku-set)
  :not(.page-3000y)
  :not(.page-sp251) #hpb-main p,
  body:not(.page-shohin)
  :not(.page-1800ml)
  :not(.page-kapuseru)
  :not(.page-new-kap)
  :not(.page-shohin-teiki)
  :not(.page-shohin-1800)
  :not(.page-otoku-set)
  :not(.page-3000y)
  :not(.page-sp251) #hpb-main li,
  body:not(.page-shohin)
  :not(.page-1800ml)
  :not(.page-kapuseru)
  :not(.page-new-kap)
  :not(.page-shohin-teiki)
  :not(.page-shohin-1800)
  :not(.page-otoku-set)
  :not(.page-3000y)
  :not(.page-sp251) #hpb-main a,
  body:not(.page-shohin)
  :not(.page-1800ml)
  :not(.page-kapuseru)
  :not(.page-new-kap)
  :not(.page-shohin-teiki)
  :not(.page-shohin-1800)
  :not(.page-otoku-set)
  :not(.page-3000y)
  :not(.page-sp251) #hpb-main div {
    font-size: 20px;
    line-height: 2.2;
  }

  /* ==========================
     �A main 左右余白（全ページ）
     ========================== */
  #hpb-main {
    padding: 0 3px;
    box-sizing: border-box;
  }

  /* ==========================
     �B aside（全ページ）
     ========================== */
  #hpb-aside div,
  #hpb-aside p,
  #hpb-aside li,
  #hpb-aside a {
    font-size: 19px;
    line-height: 2.0;
  }

  #hpb-aside ul,
  #hpb-aside li,
  #hpb-aside li a {
    width: 100%;
    box-sizing: border-box;
    display: block;
    white-space: normal;
  }

  /* ==========================
     �C 見出し
     ========================== */
  .hpb-parts-hl-06.hpb-parts-hl-style2,
  .hpb-parts-hl-06.hpb-parts-hl-style3 {
    font-size: 20px;
    line-height: 1.6;
  }

  #hpb-main h3 {
    font-size: 18px;
    line-height: 1.6;
    margin: 1.2em 0 0.6em;
  }

}

/* ページタイトル h1（Ingesting fucoidan from food） */
.hpb-layoutset-02 #hpb-title h1 {
    color: #ffffff;        /* 白文字 */
    font-size: 22px;       /* 小さめ（必要に応じて調整） */
    font-weight: bold;
    margin: 0;
    padding: 32px 20px 0;  /* 背景画像内での位置調整 */
    line-height: 1.3;
    text-align: left;
}