@charset "Shift_JIS";

/*--------------------------------------------------------
  フルCSSスマートフォンテンプレート部品設定
--------------------------------------------------------*/
/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/

/* レイアウトコンテナ　2種類
================================================== */

.hpb-parts-smt-cnt-style
{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 1em;
}

.hpb-parts-smt-cnt-02
{
    padding: 4px;
    border-color: #dac996;
}

/* 見出し　7種類
================================================== */

.hpb-parts-smt-hl-style
{
    margin-left: 10px;
    margin-right: 10px;
    border-color: #dac996 !important;
    -webkit-border-radius: 0px !important;
    margin-bottom: 1em;
    font-weight: normal;
    padding: 6px 4px !important;
    font-size: 12px !important;
    text-shadow: none !important;
    background-image: none !important;
}

.hpb-parts-smt-hl-01, .hpb-parts-smt-hl-02, .hpb-parts-smt-hl-03, .hpb-parts-smt-hl-04, .hpb-parts-smt-hl-05, .hpb-parts-smt-hl-06
{
    background-image: none !important;
}

.hpb-parts-smt-hl-05
{
    -webkit-border-radius: 5px !important;
}
.hpb-parts-smt-hl-06
{
    -webkit-border-radius: 0px !important;
}
.hpb-parts-smt-hl-06, .hpb-parts-smt-hl-07
{
    background-color: #ede4c2 !important;
}

.hpb-parts-smt-hl-bg-style
{
    border-color: #dac996 !important;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 1em;
    font-weight: normal;
    background-color: #ede4c2 !important;
    background-image: none !important;
    padding: 6px 4px !important;
    font-size: 12px !important;
    text-shadow: none !important;
}

/* 文書枠　5種類
================================================== */

.hpb-parts-smt-cbox-style
{
    border-color: #dac996;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 1em;
}

/* リスト枠　4種類（2×2種類　見出しアリ・ナシ）
================================================== */

.hpb-parts-smt-sbox-style
{
    border-color: #dac996;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 1em;
}
.hpb-parts-smt-sbox-style ul
{
    border-color: #dac996;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
}
.hpb-parts-smt-sbox-style li
{
    border-color: #dac996;
    padding-top: 6px;
    padding-bottom: 6px;
}

.hpb-parts-smt-sbox-style h3
{
    color: #52310b;
    border-color: #dac996 !important;
    margin: 0 !important;
    font-weight: normal;
    background-image: -webkit-gradient(linear, left top, left bottom,  	from(#fff), 	color-stop(0.03, #fff), 	color-stop(0.05, #ede4c2), 	to(#ede4c2));
    padding: 6px 4px !important;
    font-size: 12px !important;
    text-shadow: 1px 1px 1px #fff;
}

.hpb-parts-smt-sbox-01 h3
{
    border-bottom: none !important;
    -webkit-border-radius: 0px !important;
}

.hpb-parts-smt-sbox-02 h3
{
    border-left: none !important;
    border-right: none !important;
}
.hpb-parts-smt-sbox-02 li:last-child
{
    padding: 6px 12px 6px 15px;
}

/* トップページニュース */
.hpb-layoutset-02 #hpb-main #toppage-news .hpb-parts-smt-sbox-style ul
{
    padding-left: 0;
    padding-right: 0;
}

.hpb-layoutset-02 #hpb-main #toppage-news .hpb-parts-smt-sbox-style li
{
    padding-left: 15px;
    margin: 0;
}

/* プライバシーポリシー */
.hpb-layoutset-02 #hpb-main #privacy .hpb-parts-smt-sbox-style ul
{
    padding-left: 0;
    padding-right: 0;
}

.hpb-layoutset-02 #hpb-main #privacy .hpb-parts-smt-sbox-style li
{
    background-image: none;
    padding-left: 15px;
    margin: 0;
}

/* トップページスペシャル */
.hpb-layoutset-02 #hpb-main #toppage-special .hpb-parts-smt-sbox-style ul
{
    padding-left: 0;
    padding-right: 0;
}

.hpb-layoutset-02 #hpb-main #toppage-special .hpb-parts-smt-sbox-style li
{
    background-image: none;
    padding-left: 15px;
    margin: 0;
}
/* 商品一覧 */
.hpb-layoutset-02 #hpb-main #item .hpb-parts-smt-sbox-style ul
{
    padding-left: 0;
    padding-right: 0;
}

.hpb-layoutset-02 #hpb-main #item .hpb-parts-smt-sbox-style li
{
    background-image: none;
    padding-left: 15px;
    margin: 0;
}
/* リンクリスト　2種類（2×6種類　枠角・枠丸／見出しアリ・ナシ／画像アリ・ナシ）
================================================== */

.hpb-parts-smt-lbox-style
{
    border-color: #dac996;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 1em;
}

.hpb-parts-smt-lbox-style .en
{
    display: none;
}

.hpb-parts-smt-lbox-style a
{
    color: #000;
}

.hpb-parts-smt-lbox-style ul
{
    border-color: #dac996;
    padding: 0;
    margin: 0;
    list-style: none;
}
.hpb-parts-smt-lbox-style li
{
    border-color: #dac996;
    padding-top: 0px;
    padding-bottom: 0px;
}
.hpb-parts-smt-span-head
{
    font-size: 100%;
}

.hpb-parts-smt-lbox-style h3
{
    color: #52310b;
    border-color: #dac996 !important;
    margin: 0 !important;
    font-weight: normal;
    background-image: -webkit-gradient(linear, left top, left bottom,  	from(#fff), 	color-stop(0.03, #fff), 	color-stop(0.05, #ede4c2), 	to(#ede4c2));
    padding: 6px 4px !important;
    font-size: 12px !important;
    text-shadow: 1px 1px 1px #fff;
}

.hpb-parts-smt-lbox-01 h3
{
    border-bottom: none !important;
    -webkit-border-radius: 0px !important;
}
.hpb-parts-smt-lbox-02 h3
{
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
}

/* トップページニュース */
.hpb-layoutset-02 #hpb-main #toppage-news .hpb-parts-smt-lbox-style ul
{
    padding: 0;
    margin: 0;
}

.hpb-layoutset-02 #hpb-main #toppage-news .hpb-parts-smt-lbox-style li
{
    padding: 0;
    margin: 0;
}
/* プライバシーポリシー */
.hpb-layoutset-02 #hpb-main #privacy .hpb-parts-smt-lbox-style ul
{
    padding-left: 0;
    padding-right: 0;
}

.hpb-layoutset-02 #hpb-main #privacy .hpb-parts-smt-lbox-style li
{
    background-image: none;
    padding-left: 0;
}
/* トップページスペシャル */
.hpb-layoutset-02 #hpb-main #toppage-special .hpb-parts-smt-lbox-style ul
{
    padding-left: 0;
    padding-right: 0;
}

.hpb-layoutset-02 #hpb-main #toppage-special .hpb-parts-smt-lbox-style li
{
    background-image: none;
    padding-left: 0;
}

/* 商品一覧 */
.hpb-layoutset-02 #hpb-main #item .hpb-parts-smt-lbox-style ul
{
    padding-left: 0;
    padding-right: 0;
}

.hpb-layoutset-02 #hpb-main #item .hpb-parts-smt-lbox-style li
{
    background-image: none;
    padding-left: 0;
    margin-bottom: 0;
}


/* リンクボタン　9種類
================================================== */

.hpb-parts-smt-lbtn-style
{
    margin-bottom: 1em;
    font-size: 12px;
}

.hpb-parts-smt-lbtn-style a
{
    color: #52310b;
    padding: 6px 6px;
    background-image: -webkit-gradient( 		linear, left top, left bottom,  		from(#ffd678), 		color-stop(0.3,#ffd678), 		color-stop(0.9,#fe9104), 		to(#fe9104));
    border: 1px solid #e98b17;
    -webkit-box-shadow: 2px 2px 2px #dfd78e;
    text-shadow: 1px 1px 1px #fff;
}

p.hpb-parts-smt-lbtn-style
{
    margin-left: 10px !important;
    margin-right: 10px !important;
    padding: 0 !important;
    background-image: none !important;
}

/* サムネイル　
================================================== */
.item_box{
     position:relative;
     width:100%;
     border:solid 1px #CCC;
     margin-bottom:5px;
}

.item_box2{
     position:relative;
     width:100%;
     border:solid 1px #CCC;
     border-radius: 10px 10px 0 0;
     margin-bottom:10px;
}

.item_box a{
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     text-indent:-999px;
}

.item_box2 a{
     position:absolute;
     top:0;
     left:0;
}
.item_box img{
     display:block;
     max-width:100px;
     max-height:100px;
     float:left;
}
.item_box2 img{
     display:block;
     width:30%;
     float:left;
}

.item_box a img{
     display:block;
     width:65%;
     float:right;
}

.item_box2 a img{
     display:block;
     width:65%;
     float:right;
}

.item_box .detail{
     width:60%;
     float:left;
}

.item_box2 .detail{
     width:60%;
     float:right;
}

.clearfix:after {
     display:block;
     clear:both;
     height:0px;
     visibility:hidden;
     content:".";
}

.clearfix{
      min-height: 1px;
}
/* 共通ヘッダー用　
================================================== */