@charset "UTF-8";

/*--------------------------------------------------------
  共通レイアウトパーツ設定
--------------------------------------------------------*/
/* ヘッダー内パーツ */
#hpb-headerMain{
    height: 30px;
    overflow: hidden;
    color: #e0d0c0;
    text-align: center;
    padding-right: 10px;
    margin-top: 0px;
}
#hpb-headerMain h1{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 1px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-weight: normal;
    line-height: 20px;
    font-size: 10px;
}

#hpb-headerLogo{
    margin-top: 20px;
    width: 100px;
    float: left;
    display: inline-block;
    padding: 15px;
    margin: 10px;
    position: absolute;
}
.divrow {
    width: 100%;
    background-position: right center;
    /*  position: absolute;  */
}

#hpb-headerCart{
    width: 30px;
    margin-top: 2px;
    float: right;
    background-position: right center;
    /*  position: absolute;  */
}
#hpb-headerCart2{
    width: 200px;
    margin-top: 1px;
    float: right;
    background-position: right center;
    /*  position: absolute;  */
}
#hpb-headerCart2 p{
    font-size: 12px;
    font-family: 'MS P明朝', serif;
    height: 4px;
    margin-top: 5px;
}

#hpb-header9{
    margin-top: 40px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 130px;
    font-size: 20px;
    font-family: 'MS P明朝', serif;
}
#hpb-header10{
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 130px;
    font-size: 18px;
    font-family: 'MS P明朝', serif;
}
#hpb-header11{
    margin-top: -35px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 130px;
    font-size: 20px;
    font-family: 'MS P明朝', serif;
}

#hpb-header9 p{
    font-size: 12px;
    font-family: 'MS P明朝', serif;
}
#hpb-header10 p{
    margin-top: -12px;
    font-size: 16px;
    font-family: 'MS P明朝', serif;
}
#hpb-header11 p.name1{
    font-size: 22px;
    font-family: 'Monotype Corsiva', serif;
}
#hpb-header11 p.name1 span{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 20px;
}



#hpb-headerExtra1 p.tel{
    /* 電話番号の文字設定 */
    margin: 0;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 1.2em;
    line-height: 20px;
    text-align: right;
    font-weight: bold;
}

#hpb-headerExtra1 p.tel span{
    /* 電話番号の「TEL」文字設定 */
    margin: 0;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 10px;
    font-weight: normal;
}

#hpb-headerExtra1 p.address{
    /* 住所文字設定 */
    margin: 0;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 0;
    line-height: 20px;
    text-align: right;
    font-size: 15px;
}

/* フッター内パーツ */


#hpb-footerExtra1 li{
    /* フッターナビ設定 */
    margin: 0;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0; 
    padding-left: 0;
    line-height: 24px;
    display: inline-block;
}

#hpb-footerExtra1 li a:link{
    color: #e0d0c0;
    background-image : url(../img2/fpoint_2T.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 13px;
    text-decoration: none;
}
#hpb-footerExtra1 li a:visited{
    color: #e0d0c0;
    text-decoration: none;
}
#hpb-footerExtra1 li a:hover{
    color: #fff;
    text-decoration: none;
}
#hpb-footerExtra1 li a:active{
    color: #fff;
    text-decoration: none;
}

#hpb-footerMain{
    margin: 0;
    width: 900px;
    padding-top: 1px;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    background-color: #000000;    #eee4da; */
}

#hpb-footerMain p{
    /* コピーライト文字設定 */
    margin: 0;
    padding: 0;
    line-height: 24px;
    color: #e0d0c0;
    text-align: center;
}
/* サイドブロック内パーツ */
/* バナー */

#banner{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
}
#banner ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#banner li{
    display: block;
}
#banner li a{
    display: block;
    text-align: left;
    background-position: center left;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    height: 46px;
    margin-bottom: 10px;
    width: 280px;
}
#banner a#banner-access{
    /* アクセスバナー */
    background-image : none ;  /* url(../banner_2T_01.png); */
}
#banner a#banner-netshop{
    /* ネットショップ */
    background-image : none ;  /* url(../banner_2T_02.png); */
}
#banner a#banner-category1{
    /* 商品カテゴリ1 */
    background-image : none ;  /* url(../banner_2T_03.png); */
}
#banner a#banner-category2{
    /* 商品カテゴリ2 */
    background-image : none ;  /* url(../banner_2T_04.png); */
}
#banner a#banner-category3{
    /* 商品カテゴリ3 */
    background-image : none ;  /* url(../banner_2T_05.png); */
}

/* 店舗情報 */

#shopinfo{
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 18px;
    padding-right: 18px;
    padding-left: 18px;
    padding-bottom: 15px;
    background-color: #ffffff;
    background-image : url(../img2/infoBg_2T.png);
    background-repeat: no-repeat;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cbcbcb;
}
#shopinfo h3{
    display: none;
}

#shopinfo h4{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 3px;
    margin-left: 0;
    padding-top: 0px;
    padding-left: 0px;
    text-align: left;
    font-size: 1em;
    line-height: 16px;
    font-weight: bold;
}

#shopinfo p{
    margin: 0;
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0px;
    text-align: left;
}
/*--------------------------------------------------------
  ナビゲーションデザイン設定
--------------------------------------------------------*/
.shopinfodl {
  display: flex;
  flex-wrap: nowrap;
}
.shopinfodl dt {
  width: 95%;
}
.shopinfodl dd {
  width: 30%;
}

/*--------------------------------------------------------
  基本パーツデザイン設定
--------------------------------------------------------*/

#hpb-skip{
    /* ヘッダースキップの非表示 */
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
}

.left{
    float: left;
}

.right{
    float: right;
}

/* リンク文字色 */
a:link{
    color: #000;
    text-decoration: underline;
}
a:visited{
    color: #000;
    text-decoration: underline;
}
a:hover{
    color: #ddd;
    text-decoration: underline;
}
a:active{
    color: #ddd;
    text-decoration: underline;
}

hr{
    height: 1px;
    clear: both;
    border-top-width: 1px;
    border-top-style: none;
    border-right-width: 1px;
    border-right-style: none;
    border-bottom-width: 1px;
    border-bottom-style: none;
    border-left-width: 1px;
    border-left-style: none;
}

.hpb-layoutset-02 h2 span.ja{
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

.hpb-layoutset-02 h2 span.en{
    padding-top: 0;
    padding-right: 0;
    padding-left: 10px;
    padding-bottom: 0;
    text-transform: uppercase;
    font-size: 12px;
}
#hpb-wrapper h1{
    clear: both;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 00px;
    font-weight: bold;
    color: #000;
    margin-top: 0px;
    height:10px;
    /*  margin-bottom: 15px; */
    /* line-height: 40px; */
    font-size: 16px;
    /* text-decoration: underline; */
    /* background: linear-gradient(transparent 50%, #a8eaff 50%); */
}

#hpb-wrapper h3{
    clear: both;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 15px;
    font-weight: bold;
    background-image : url(../img2/indexBg_2T.png);
    background-repeat: no-repeat;
    background-position: top left;
    color: #FFF;
    margin-top: 0px;
    margin-bottom: 15px;
    line-height: 40px;
    font-size: 18px;
}
#hpb-wrapper h4{
    clear: both;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 20px;
    font-weight: bold;
    color: #000;
    margin-top: 0px;
    margin-bottom: 15px;
    line-height: 20px;
    font-size: 16px;
    text-decoration: none; /* underline; */
}
#hpb-wrapper h6{
    clear: both;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 5px;
    font-weight: bold;
    color: #000;
    margin-top: 0px;
    margin-bottom: 15px;
    line-height: 10px;
    font-size: 14px;
    text-align: left;
}
#hpb-wrapper h7{
    clear: both;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 5px;
    font-weight: bold;
    color: #000;
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 10px;
    font-size: 12px;
}

#hpb-wrapper #hpb-main h3:first-child {

}
h3.hpb-c-index{
    display:none;
}

h4{
    clear: both;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 1em;
    line-height: 16px;
    font-weight: normal;
    font-size: 12px;
}

h5{
    clear: both;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 1em;
    line-height: 16px;
    font-weight: normal;
}


/* フォームパーツ設定 */
input.button{
    margin-top: 15px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
}

textarea{
    width: 400px;
    height: 200px;
}

input.l{
    width: 400px;
}
input.m{
    width: 250px;
}
input.s{
    width: 150px;
}

/* メインコンテンツ内基本パーツ */
#hpb-infomation ul{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 15px;
    margin-left: 10px;
    padding: 0;
    list-style-type: none;
    font-size: 18px;
    
}

#hpb-main ul{
    margin-top: 3;
    margin-right: 0;
    margin-bottom: 15px;
    margin-left: 10px;
    padding: 0;
    list-style-type: none;
    font-size: 14px;
}

#hpb-main ul li{
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 15px;
    text-align: left;
    line-height: 1.5;
    background-image : url(../img2/point_2T.png);
    background-position: 2px 10px;
    background-repeat: no-repeat;
}
#ddleft{
    margin: 0;
    padding-top: 7px;
    padding-right: 0;
    padding-bottom: 7px;
    padding-left: 185px;
    text-align: left;    /* left; */
    line-height: 16px;
    min-height: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d3d3d3;
    font-size: 12px;
}

#hpb-main dl{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
    padding: 0;
}

#hpb-main dl::after{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#hpb-main img{
    margin-top: 0;
    margin-bottom: 15px;
}

#hpb-main img.left{
    margin-top: 0;
    margin-right: 20px;
    margin-bottom: 15px;
    margin-left: 0;
    float: left;
}

#hpb-main img.right{
    margin-top: 0;
    margin-right: 100;
    margin-bottom: 15px;
    float: right;
}



/* アクセスページ デザイン定義 */

#access{
    text-align: left;
}

/* 商品紹介ページ デザイン定義 */

#item .itemlist{
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

#item .itemlist::after{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#item .itemlist .item{
    margin-top: 0;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    padding-top: 6px;
    padding-right: 0;
    padding-bottom: 6px;
    padding-left: 0;
    float: left;
    text-align: center;
}

#item .itemlist .item img{
    margin: 0;
    border-top-width: 3px;
    border-right-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 3px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #cbcbcb;
    border-right-color: #cbcbcb;
    border-bottom-color: #cbcbcb;
    border-left-color: #cbcbcb;
}

#item .itemlist .item .itemdata{
    width: 160px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    text-align: left;
}

#item .itemlist .item .itemdata h4{
    margin: 0;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 0;
    line-height: 1.4;
}

#item .itemlist .item .itemdata h5{
    margin: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 0;
    line-height: 1.4;
    font-weight: normal;
    color: #d3b688;
}

#item .itemlist .item .itemdata p{
    margin: 0;
    padding: 0;
    line-height: 1.2;
    text-align: left;
}

#item #nbanner{
    width: 500px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 30px;
    padding-left: 0;
}

#item #nbanner a{
    width: 500px;
    height: 81px;
    display: block;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background-image : none ; /* url(../banner-netshop2_2T.png); */
    background-position: top left;
    background-repeat: no-repeat;
}

/* フォーム */
#contactus form{
    text-align:center;
}
#contactus form h3{
    text-align: left;
}
#contactus form table{
    margin-left:auto;
}

/* トップページ デザイン定義 */

#toppage{
    padding-top: 36px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}
#toppage p{
    padding-left: 15px;
    padding-right: 15px;
    line-height: 22px;
    padding-bottom: 30px;
}
#toppage p.large{
    font-size: 14px;
    padding-top: 0px;
    padding-bottom: 36px;
}

#hpb-wrapper #toppage h3{
    line-height: 40px;
    margin-bottom: 20px;
    margin-top: 0px;
    font-weight: normal;
    background-image : url(../img2/indexBg_2T.png);
    background-repeat: no-repeat;
    background-position: top left;
    height: 40px;
    font-size: 14px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
}

#hpb-wrapper #toppage h3 span.en{
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    text-transform: uppercase;
}

#hpb-wrapper #toppage h3 span.ja{
    padding-top: 0;
    padding-right: 0;
    padding-left: 10px;
    padding-bottom: 0;
}


/* 商品情報 */
#hpb-wrapper #toppage-item .item{
    padding-top: 14px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    width: 310px;
    float: left;
    background-color: #f8f4ef;
    margin-bottom: 5px;
}
#hpb-wrapper #toppage-item .item:nth-child(2n){
    float:right;
}

#hpb-wrapper #toppage-item::after{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#hpb-wrapper #toppage-item .itemlist .item img{
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    display:block;
}

#hpb-wrapper #toppage-item .itemlist .item .itemdata{
    width:250px;
    margin-right: auto;
    margin-left: auto;
    padding-top:14px;
}

#hpb-wrapper #toppage-item .itemlist .item .itemdata h4{
    font-weight:bold;
}

#hpb-wrapper #toppage-item .itemlist .item .itemdata p{
    padding-top:10px;
    padding-left:0px;
    padding-bottom:5px;
    padding-right:0px;
}

/* 新着情報 */
#hpb-wrapper #toppage #toppage-news h3{
    margin-top: 25px;
}

#hpb-wrapper #hpb-main #toppage-news dl{

}
#hpb-wrapper #hpb-main #toppage-news dl dt{
    width:100px !important;
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}
#hpb-wrapper #hpb-main #toppage-news dl dd{
    padding-left: 110px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#hpb-wrapper #hpb-main #toppage-news dl dt:first-child + dd{
    border-top:none;
}
hr{
    color:#FFFFFF;
}

/*--------------------------------------------------------
  共通レイアウトパーツ設定
--------------------------------------------------------*/
/* ヘッダー内パーツ */
#hpb-headerMain{
    height: 30px;
    overflow: hidden;
    color: #e0d0c0;
    text-align: center;
    padding-right: 10px;
    margin-top: 0px;
}
#hpb-headerMain h1{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 3px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-weight: normal;
    line-height: 20px;
    font-size: 10px;
}



#hpb-headerLogo a{
    height: 100px;
    display: block;
    margin-top: -30px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0px;
    padding: 0;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background-image : url(../img2/logo_2T.png);
    background-position: left center;
    background-repeat: no-repeat;
}
#hpb-headerCart a{
    height: 100px;
    display: block;
    margin-top: -30px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0px;
    padding: 0;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background-image : url(../img3/118613-2.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size:contain; 
}
#hpb-headerExtra1{
    width: 400px;
    margin-top: -55px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-right: 10px;
    float: right;
    text-align: right;
}

#hpb-headerExtra1 p.tel{
    /* 電話番号の文字設定 */
    margin: 0;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 1.2em;
    line-height: 20px;
    text-align: right;
    font-weight: bold;
}

#hpb-headerExtra1 p.tel span{
    /* 電話番号の「TEL」文字設定 */
    margin: 0;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 10px;
    font-weight: normal;
}

#hpb-headerExtra1 p.address{
    /* 住所文字設定 */
    margin: 0;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 0;
    line-height: 20px;
    text-align: right;
    font-size: 15px;
}

/* フッター内パーツ */

#hpb-footerExtra1 ul{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 12px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    text-align: left;
    height: 22px;
    overflow: hidden;
}

#hpb-footerExtra1 li{
    /* フッターナビ設定 */
    margin: 0;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0; 
    padding-left: 0;
    line-height: 24px;
    display: inline-block;
}

#hpb-footerExtra1 li a:link{
    color: #e0d0c0;
    background-image : url(../img2/fpoint_2T.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 13px;
    text-decoration: none;
}
#hpb-footerExtra1 li a:visited{
    color: #e0d0c0;
    text-decoration: none;
}
#hpb-footerExtra1 li a:hover{
    color: #fff;
    text-decoration: none;
}
#hpb-footerExtra1 li a:active{
    color: #fff;
    text-decoration: none;
}

#hpb-footerMain{
    margin: 0;
    width: 100%;
    padding-top: 1px;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    background-color: #000000;    /* #eee4da; */
}

#hpb-footerMain p{
    /* コピーライト文字設定 */
    margin: 0;
    padding: 0;
    line-height: 24px;
    color: #e0d0c0;
    text-align: center;
}
/* サイドブロック内パーツ */
/* バナー */

#banner{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
}
#banner ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#banner li{
    display: block;
}
#banner li a{
    display: block;
    text-align: left;
    background-position: center left;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    height: 46px;
    margin-bottom: 10px;
    width: 280px;
}
#banner a#banner-access{
    /* アクセスバナー */
    background-image : none ; /* url(../banner_2T_01.png); */
}
#banner a#banner-netshop{
    /* ネットショップ */
    background-image : none ; /* url(../banner_2T_02.png); */
}
#banner a#banner-category1{
    /* 商品カテゴリ1 */
    background-image : none ; /* url(../banner_2T_03.png); */
}
#banner a#banner-category2{
    /* 商品カテゴリ2 */
    background-image : none ; /* url(../banner_2T_04.png); */
}
#banner a#banner-category3{
    /* 商品カテゴリ3 */
    background-image : none ; /* url(../banner_2T_05.png); */
}

/* 店舗情報 */

#shopinfo{
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 18px;
    padding-right: 18px;
    padding-left: 18px;
    padding-bottom: 15px;
    background-color: #ffffff;
    background-image : none ; /*  url(../infoBg_2T.png); */
    background-repeat: no-repeat;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cbcbcb;
}
#shopinfo h3{
    display: none;
}

#shopinfo h4{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 3px;
    margin-left: 0;
    padding-top: 0px;
    padding-left: 0px;
    text-align: left;
    font-size: 1em;
    line-height: 16px;
    font-weight: bold;
}

#shopinfo p{
    margin: 0;
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0px;
    text-align: left;
}
/*--------------------------------------------------------
  ナビゲーションデザイン設定
--------------------------------------------------------*/


/*--------------------------------------------------------
  基本パーツデザイン設定
--------------------------------------------------------*/

#hpb-skip{
    /* ヘッダースキップの非表示 */
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
}

p{
    margin: 0;
    padding-top: 0;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    line-height: 24px;
    text-align: left;
}

p.large{
    margin: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 15px;
    padding-left: 25px;
    text-align: left;
}

p.indent{
    padding-left: 15px;
}

.left{
    float: left;
}

.right{
    float: right;
}
.reserve-info {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
}

/* リンク文字色 */
a:link{
    color: #000;
    text-decoration: underline;
}
a:visited{
    color: #000;
    text-decoration: underline;
}
a:hover{
    color: #ddd;
    text-decoration: underline;
}
a:active{
    color: #ddd;
    text-decoration: underline;
}

hr{
    height: 1px;
    clear: both;
    border-top-width: 1px;
    border-top-style: none;
    border-right-width: 1px;
    border-right-style: none;
    border-bottom-width: 1px;
    border-bottom-style: none;
    border-left-width: 1px;
    border-left-style: none;
    text-align: left; /* 追加 */
}

.hpb-layoutset-02 h2 span.ja{
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

.hpb-layoutset-02 h2 span.en{
    padding-top: 0;
    padding-right: 0;
    padding-left: 10px;
    padding-bottom: 0;
    text-transform: uppercase;
    font-size: 12px;
}

#hpb-wrapper h3{
    clear: both;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 15px;
    font-weight: bold;
    background-image : url(../img2/indexBg_2T.png);
    background-repeat: no-repeat;
    background-position: top left;
    color: #FFF;
    margin-top: 0px;
    margin-bottom: 15px;
    line-height: 40px;
}
#hpb-wrapper #hpb-main h3:first-child {

}
h3.hpb-c-index{
    display:none;
}

h4{
    clear: both;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 1em;
    line-height: 16px;
    font-weight: normal;
}

h5{
    clear: both;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 1em;
    line-height: 16px;
    font-weight: normal;
}


/* フォームパーツ設定 */
input.button{
    margin-top: 15px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
}

textarea{
    width: 400px;
    height: 200px;
}

input.l{
    width: 400px;
}
input.m{
    width: 250px;
}
input.s{
    width: 150px;
}

/* メインコンテンツ内基本パーツ */


#hpb-main dl{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
    padding: 0;
}

#hpb-main dt{
    float: left;
    margin: 0;
    padding-top: 7px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 15px;
    text-align: left;
    line-height: 20px;
    min-height: 16px;
    font-weight: normal;
    width: 500px;
}

#hpb-main dd{
    margin: 0;
    padding-top: 7px;
    padding-right: 10;
    padding-bottom: 7px;
    padding-left: 185px;
    text-align: right;
    line-height: 16px;
    min-height: 16px;
    font-size: 14px;
    /*   border-bottom-width: 1px;  */
    /*   border-bottom-style: solid;  */
    /*   border-bottom-color: #d3d3d3;  */
}

#hpb-main dl::after{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#hpb-main img{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 15px;
    margin-left: 15px;
}

#hpb-main img.left{
    margin-top: 0;
    margin-right: 20px;
    margin-bottom: 15px;
    margin-left: 0;
    float: left;
}

#hpb-main img.right{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 15px;
    margin-left: 20px;
    float: left;
}



/* アクセスページ デザイン定義 */

#access{
    text-align: left;
}

/* 商品紹介ページ デザイン定義 */

#item .itemlist{
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

#item .itemlist::after{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#item .itemlist .item{
    margin-top: 0;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    padding-top: 6px;
    padding-right: 0;
    padding-bottom: 6px;
    padding-left: 0;
    float: left;
    text-align: center;
}

#item .itemlist .item img{
    margin: 0;
    border-top-width: 3px;
    border-right-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 3px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #cbcbcb;
    border-right-color: #cbcbcb;
    border-bottom-color: #cbcbcb;
    border-left-color: #cbcbcb;
}

#item .itemlist .item .itemdata{
    width: 160px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    text-align: left;
}

#item .itemlist .item .itemdata h4{
    margin: 0;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 0;
    line-height: 1.4;
}

#item .itemlist .item .itemdata h5{
    margin: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 0;
    line-height: 1.4;
    font-weight: normal;
    color: #d3b688;
}

#item .itemlist .item .itemdata p{
    margin: 0;
    padding: 0;
    line-height: 1.2;
    text-align: left;
}

#item #nbanner{
    width: 500px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 30px;
    padding-left: 0;
}

#item #nbanner a{
    width: 500px;
    height: 81px;
    display: block;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background-image : none ;  /* url(../banner-netshop2_2T.png); */
    background-position: top left;
    background-repeat: no-repeat;
}

/* フォーム */
#contactus form{
    text-align:center;
}
#contactus form h3{
    text-align: left;
}
#contactus form table{
    margin-left:auto;
}

/* トップページ デザイン定義 */

#toppage{
    width: 100%;
    margin-top: 550px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 50px;
    font-size: 14px;
    text-align: left; /* 追加 */
}
#toppage p{
    padding-left: 15px;
    padding-right: 15px;
    line-height: 22px;
    padding-bottom: 30px;
}
#toppage ul{
    font-size: 14px;
}
#toppage p.large{
    font-size: 14px;
    padding-top: 0px;
    padding-bottom: 36px;
}

#hpb-wrapper #toppage h3{
    line-height: 40px;
    margin-bottom: 20px;
    margin-top: 0px;
    font-weight: normal;
    background-image : url(../img2/indexBg_2T.png);
    background-repeat: no-repeat;
    background-position: top left;
    height: 40px;
    font-size: 14px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
}

#hpb-wrapper #toppage h3 span.en{
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    text-transform: uppercase;
}

#hpb-wrapper #toppage h3 span.ja{
    padding-top: 0;
    padding-right: 0;
    padding-left: 10px;
    padding-bottom: 0;
    text-align: left; /* 追加 */
}


/* 商品情報 */
#hpb-wrapper #toppage-item .item{
    padding-top: 14px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    width: 310px;
    float: left;
    background-color: #f8f4ef;
    margin-bottom: 5px;
}
#hpb-wrapper #toppage-item .item:nth-child(2n){
    float:right;
}

#hpb-wrapper #toppage-item::after{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#hpb-wrapper #toppage-item .itemlist .item img{
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    display:block;
}

#hpb-wrapper #toppage-item .itemlist .item .itemdata{
    width:250px;
    margin-right: auto;
    margin-left: auto;
    padding-top:14px;
}

#hpb-wrapper #toppage-item .itemlist .item .itemdata h4{
    font-weight:bold;
}

#hpb-wrapper #toppage-item .itemlist .item .itemdata p{
    padding-top:10px;
    padding-left:0px;
    padding-bottom:5px;
    padding-right:0px;
}
div#covid-19 {
    text-align:center;
    margin-top: 50px;
    margin-left: 25%;
    margin-right: 25%;
    left: 50%;
}

/* 新着情報 */
#hpb-wrapper #toppage #toppage-news h3{
    margin-top: 55px;
}

#hpb-wrapper #hpb-main #toppage-news dl{

}
#hpb-wrapper #hpb-main #toppage-news dl dt{
    width:150px !important;
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}
#hpb-wrapper #hpb-main #toppage-news dl dd{
    padding-left: 110px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#hpb-wrapper #hpb-main #toppage-news dl dt:first-child + dd{
    border-top:none;
}
hr{
    color:#FFFFFF;
}
/******************************
 * float clear
 ******************************/
.hpb-clear {
    clear: both;
}

.hpb-clearfix:after {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.hpb-clearfix {
    zoom: 1; /* for IE6 */
}

/******************************
 * レイアウト コンテナ (div)
 ******************************/

/* 飾りなし 幅自動 */
.hpb-parts-cnt-01 {
    margin: 0px;
    padding: 0px;
    border: none;
    width: auto;
    float: none;
    clear: both;
}

/* 飾りなし 幅60px */
.hpb-parts-cnt-01-060 {
    margin: 0px;
    padding: 0px;
    border: none;
    width: 60px;
    float: left;
}

/* 飾りなし 幅120px */
.hpb-parts-cnt-01-120 {
    margin: 0px;
    padding: 0px;
    border: none;
    width: 120px;
    float: left;
}

/* 飾りなし 幅180px */
.hpb-parts-cnt-01-180 {
    margin: 0px;
    padding: 0px;
    border: none;
    width: 180px;
    float: left;
}

/* 飾りなし 幅240px */
.hpb-parts-cnt-01-240 {
    margin: 0px;
    padding: 0px;
    border: none;
    width: 240px;
    float: left;
}

/* 飾りなし 幅360px */
.hpb-parts-cnt-01-360 {
    margin: 0px;
    padding: 0px;
    border: none;
    width: 360px;
    float: left;
}

/* 線囲み 幅自動 */
.hpb-parts-cnt-02 {
    margin: 0px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    width: auto;
    float: none;
    clear: both;
}

/* 線囲み 幅60px */
.hpb-parts-cnt-02-060 {
    margin: 0px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    width: 60px;
    float: left;
}

/* 線囲み 幅120px */
.hpb-parts-cnt-02-120 {
    margin: 0px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    width: 120px;
    float: left;
}

/* 線囲み 幅180px */
.hpb-parts-cnt-02-180 {
    margin: 0px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    width: 180px;
    float: left;
}

/* 線囲み 幅240px */
.hpb-parts-cnt-02-240 {
    margin: 0px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    width: 240px;
    float: left;
}

/* 線囲み 幅360px */
.hpb-parts-cnt-02-360 {
    margin: 0px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    width: 360px;
    float: left;
}

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

/* 飾りなし */
.hpb-parts-hl-01 {
    margin: 0px;
    padding: 0px 0.2em;
    border: none !important;
    line-height: 1.2em;
}

/* 下線 1 */
.hpb-parts-hl-02 {
    margin: 0px;
    padding: 0px 0.2em;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-left-style: none !important;
    line-height: 1.2em;
}

/* 下線 2 (2重線) */
.hpb-parts-hl-03 {
    margin: 0px;
    padding: 0px 0.2em;
    border-bottom-width: 3px !important;
    border-bottom-style: double !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-left-style: none !important;
    line-height: 1.2em;
}

/* 線囲み 1 */
.hpb-parts-hl-04 {
    margin: 0px;
    padding: 0px 0.2em;
    border-width: 1px !important;
    border-style: solid !important;
    line-height: 1.2em;
}

/* 線囲み 2 (2重線) */
.hpb-parts-hl-05 {
    margin: 0px;
    padding: 0px 0.2em;
    border-width: 3px !important;
    border-style: double !important;
    line-height: 1.2em;
}

/* 飾りつき 1 (左■付き) */
.hpb-parts-hl-06 {
    margin: 0px;
    padding: 0px 0px 0px 0.2em;
    border-left-width: 1.2em !important;
    border-left-style: solid !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    line-height: 1.2em;
}

/* 飾りつき 2 (左■付き＆下線) */
.hpb-parts-hl-07 {
    margin: 0px;
    padding: 0px 0px 0px 0.2em;
    border-left-width: 1.2em !important;
    border-left-style: solid !important;
    border-bottom-width: 2px !important;
    border-bottom-style: solid !important;
    border-top-style: none !important;
    border-right-style: none !important;
    line-height: 1.2em;
}

/* 飾りつき 3 (左■付き＆線囲み) */
.hpb-parts-hl-08 {
    margin: 0px;
    padding: 0px 0px 0px 0.2em;
    border-style: solid !important;
    border-width: 2px 2px 2px 1.2em !important;
    line-height: 1.2em;
}

/******************************
 * 文章枠 (div)
 ******************************/

/* 装飾なし */
.hpb-parts-cbox-01 {
    margin: 0px;
    padding: 5px;
    border: none;
}

/* 線囲み 1 (実線) */
.hpb-parts-cbox-02 {
    margin: 0px;
    padding: 4px;
    border-width: 1px;
    border-style: solid;
}

/* 線囲み 2 (点線) */
.hpb-parts-cbox-03 {
    margin: 0px;
    padding: 4px;
    border-width: 1px;
    border-style: dotted;
}

/* 線囲み 3 (2重線) */
.hpb-parts-cbox-04 {
    margin: 0px;
    padding: 2px;
    border-width: 3px;
    border-style: double;
}

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

/* 余白なし */
.hpb-parts-img-01 {
    margin: 0px;
    padding: 0px;
    border: none;
    float: left;
}

/* 余白あり */
.hpb-parts-img-02 {
    margin: 0px;
    padding: 5px;
    border: none;
    float: left;
}

/* 写真ボックス 左寄せ配置用 */
.hpb-parts-img-03 {
    margin: 0px 5px 0px 0px !important;
    padding: 5px;
    border: none;
    float: left;
}

/* 写真ボックス 右寄せ配置用 */
.hpb-parts-img-04 {
    margin: 0px 0px 0px 5px !important;
    padding: 5px;
    border: none;
    float: right;
}

/* 複数写真ボックス 左端用 */
.hpb-parts-img-05 {
    margin: 0px;
    padding: 5px;
    border: none;
    float: left;
    clear: both;
}

/* 複数写真ボックス 2列目用 */
.hpb-parts-img-06 {
    margin: 0px;
    padding: 5px 5px 5px 0px;
    border: none;
    float: left;
}

/* 複数写真ボックス 左端・2行目用 */
.hpb-parts-img-07 {
    margin: 0px;
    padding: 0px 5px 5px 5px;
    border: none;
    float: left;
    clear: both;
}

/* 複数写真ボックス 2行目用 */
.hpb-parts-img-08 {
    margin: 0px;
    padding: 0px 5px 5px 0px;
    border: none;
    float: left;
}

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

/* 水平線 1 (実線・細) */
.hpb-parts-hr-01 {
    margin: 0.5em 0px;
    border-width: 1px 0px 0px 0px !important;
    border-top-style: solid !important;
}

/* 水平線 2 (実線・太) */
.hpb-parts-hr-02 {
    margin: 0.5em 0px;
    border-width: 2px 0px 0px 0px;
    border-top-style: solid;
}

/* 水平線 3 (点線・細) */
.hpb-parts-hr-03 {
    margin: 0.5em 0px;
    border-width: 1px 0px 0px 0px;
    border-top-style: dotted;
    height: 0px;
}

/* 水平線 4 (点線・太) */
.hpb-parts-hr-04 {
    margin: 0.5em 0px;
    border-width: 2px 0px 0px 0px;
    border-top-style: dotted;
    height: 0px;
}

/* 水平線 5 (破線・細) */
.hpb-parts-hr-05 {
    margin: 0.5em 0px;
    border-width: 1px 0px 0px 0px;
    border-top-style: dashed;
}

/* 水平線 6 (破線・太) */
.hpb-parts-hr-06 {
    margin: 0.5em 0px;
    border-width: 2px 0px 0px 0px;
    border-top-style: dashed;
}

/* 水平線 7 (2重線) */
.hpb-parts-hr-07 {
    margin: 0.5em 0px;
    border-width: 3px 0px 0px 0px;
    border-top-style: double;
}

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

/* 飾りなし */
.hpb-parts-pbox-01 {
    margin: 5px;
    padding: 0px;
    border: none;
    text-align: left;
    width: auto;
    float: none;
    clear: both;
}

/* 飾りなし 画像幅60px */
.hpb-parts-pbox-01-060 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 70px;
    float: left;
}

/* 飾りなし 画像幅120px */
.hpb-parts-pbox-01-120 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 130px;
    float: left;
}

/* 飾りなし 画像幅180px */
.hpb-parts-pbox-01-180 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 190px;
    float: left;
}

/* 飾りなし 画像幅240px */
.hpb-parts-pbox-01-240 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 250px;
    float: left;
}

/* 線囲み */
.hpb-parts-pbox-02 {
    margin: 4px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: auto;
    float: none;
}

/* 線囲み 画像幅60px */
.hpb-parts-pbox-02-060 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 70px;
    float: left;
}

/* 線囲み 画像幅120px */
.hpb-parts-pbox-02-120 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 130px;
    float: left;
}

/* 線囲み 画像幅180px */
.hpb-parts-pbox-02-180 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 190px;
    float: left;
}

/* 線囲み 画像幅240px */
.hpb-parts-pbox-02-240 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 250px;
    float: left;
}

/* 写真ボックス用 文章領域 */
.hpb-parts-pbox-desc {
    margin: 0px;
    padding: 5px 5px 0px 5px;
    border: none;
}

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

/* 飾りなし 画像幅60px 横2x縦1 */
.hpb-parts-mpbox-01-2060 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 135px;
    float: left;
}

/* 飾りなし 画像幅60px 横3x縦1 */
.hpb-parts-mpbox-01-3060 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 200px;
    float: left;
}

/* 飾りなし 画像幅60px 横4x縦1 */
.hpb-parts-mpbox-01-4060 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 265px;
    float: left;
}

/* 飾りなし 画像幅120px 横2x縦1 */
.hpb-parts-mpbox-01-2120 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 255px;
    float: left;
}

/* 飾りなし 画像幅120px 横3x縦1 */
.hpb-parts-mpbox-01-3120 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 380px;
    float: left;
}

/* 飾りなし 画像幅120px 横4x縦1 */
.hpb-parts-mpbox-01-4120 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 505px;
    float: left;
}

/* 飾りなし 画像幅180px 横2x縦1 */
.hpb-parts-mpbox-01-2180 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 375px;
    float: left;
}

/* 飾りなし 画像幅180px 横3x縦1 */
.hpb-parts-mpbox-01-3180 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 560px;
    float: left;
}

/* 飾りなし 画像幅180px 横4x縦1 */
.hpb-parts-mpbox-01-4180 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 745px;
    float: left;
}

/* 飾りなし 画像幅240px 横2x縦1 */
.hpb-parts-mpbox-01-2240 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 495px;
    float: left;
}

/* 飾りなし 画像幅240px 横3x縦1 */
.hpb-parts-mpbox-01-3240 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 740px;
    float: left;
}

/* 飾りなし 画像幅240px 横4x縦1 */
.hpb-parts-mpbox-01-4240 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 985px;
    float: left;
}

/* 線囲み 画像幅60px 横2x縦1 */
.hpb-parts-mpbox-02-2060 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 135px;
    float: left;
}

/* 線囲み 画像幅60px 横3x縦1 */
.hpb-parts-mpbox-02-3060 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 200px;
    float: left;
}

/* 線囲み 画像幅60px 横4x縦1 */
.hpb-parts-mpbox-02-4060 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 265px;
    float: left;
}

/* 線囲み 画像幅120px 横2x縦1 */
.hpb-parts-mpbox-02-2120 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 255px;
    float: left;
}

/* 線囲み 画像幅120px 横3x縦1 */
.hpb-parts-mpbox-02-3120 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 380px;
    float: left;
}

/* 線囲み 画像幅120px 横4x縦1 */
.hpb-parts-mpbox-02-4120 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 505px;
    float: left;
}

/* 線囲み 画像幅180px 横2x縦1 */
.hpb-parts-mpbox-02-2180 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 375px;
    float: left;
}

/* 線囲み 画像幅180px 横3x縦1 */
.hpb-parts-mpbox-02-3180 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 560px;
    float: left;
}

/* 線囲み 画像幅180px 横4x縦1 */
.hpb-parts-mpbox-02-4180 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 745px;
    float: left;
}

/* 線囲み 画像幅240px 横2x縦1 */
.hpb-parts-mpbox-02-2240 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 495px;
    float: left;
}

/* 線囲み 画像幅240px 横3x縦1 */
.hpb-parts-mpbox-02-3240 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 740px;
    float: left;
}

/* 線囲み 画像幅240px 横4x縦1 */
.hpb-parts-mpbox-02-4240 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 985px;
    float: left;
}

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

/* 文字型 1 */
.hpb-parts-blist-01 {
    margin: 0px;
    padding: 0px;
}
.hpb-parts-blist-01 ul {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    list-style-type: none;
    text-align: center;
}
.hpb-parts-blist-01 li {
    padding: 0px 5px 5px 5px;
}
.hpb-parts-blist-01 li a {
    display: block;
    margin: 0px;
    padding: 5px;
    text-decoration: none;
    border-style: none;
}

/* 文字型 2 */
.hpb-parts-blist-02 {
    margin: 0px;
    padding: 0px;
}
.hpb-parts-blist-02 ul {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    list-style-type: none;
    text-align: center;
}
.hpb-parts-blist-02 li {
    padding: 0px 5px 5px 5px;
}
.hpb-parts-blist-02 li a {
    display: block;
    margin: 0px;
    padding: 5px;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
}

/* 文字型 3 */
.hpb-parts-blist-03 {
    margin: 0px;
    padding: 0px;
}
.hpb-parts-blist-03 ul {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    list-style-type: none;
    text-align: center;
}
.hpb-parts-blist-03 li {
    padding: 0px 5px 5px 5px;
}
.hpb-parts-blist-03 li a {
    display: block;
    margin: 0px auto;
    padding: 5px;
    text-decoration: none;
    border-left-width: 2em;
    border-left-style: solid;
    border-right-width: 2em;
    border-right-style: solid;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

/* 画像付き 1 */
.hpb-parts-blist-04 {
    margin: 0px;
    padding: 0px;
}
.hpb-parts-blist-04 ul {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    list-style-type: none;
    text-align: left;
}
.hpb-parts-blist-04 li {
    padding: 0px 5px 5px 5px;
}
.hpb-parts-blist-04 li a {
    display: block;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    border-style: none;
    height: 30px;
}
.hpb-parts-blist-04 li a img {
    margin: 0px;
    padding: 0px 5px 0px 0px;
    border: none;
    vertical-align: middle;
}

/* 画像付き 2 */
.hpb-parts-blist-05 {
    margin: 0px;
    padding: 0px;
}
.hpb-parts-blist-05 ul {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    list-style-type: none;
    text-align: left;
}
.hpb-parts-blist-05 li {
    padding: 0px 5px 5px 5px;
}
.hpb-parts-blist-05 li a {
    display: block;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    height: 30px;
}
.hpb-parts-blist-05 li a img {
    margin: 0px;
    padding: 0px 5px 0px 0px;
    border: none;
    vertical-align: middle;
}

/******************************
 * デフォルトスタイル設定
 ******************************/

.hpb-parts-cnt-style {
    text-align: left;
}

.hpb-parts-hl-style {
    border-color: #cccccc;
}

.hpb-parts-cbox-style {
    text-align: left;
}

.hpb-parts-hr-style {
    clear: both;
}

.hpb-parts-pbox-style {
    border-color: #cccccc;
}


.hpb-parts-cnt-style
{
    border-color: #d3d3d3;
}

#hpb-main .hpb-parts-hl-style
{
    clear: both;
    margin-top: 0.5em;
    margin-bottom: 1em;
    padding-top: 3px;
    padding-left: 1px;
    padding-bottom: 3px;
    text-align: left;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #d3d3d3;
    font-size: 1.3em;
    color: #333;
    font-weight: normal;
    background-image: none;
    background-color: transparent;
    height: auto;
    line-height: normal;
    letter-spacing: normal;
}

.hpb-parts-cbox-style
{
    border-color: #d3d3d3;
}

.hpb-parts-hr-style
{
    border-color: #d3d3d3;
}

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

.hpb-parts-blist-style
{
    background-color: #eddee0;
    border-color: #cea1a8;
}
a.hpb-parts-blist-style:link
{
    color: #333;
}
a.hpb-parts-blist-style:visited
{
    color: #333;
}
a.hpb-parts-blist-style:hover
{
    background-color: #efd9dc;
}
a.hpb-parts-blist-style:active
{
    background-color: #efd9dc;
}

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

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

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

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

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

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

/* 線囲み 幅自動 */
.hpb-parts-cnt-02
{
    margin-bottom: 5px;
    margin-right: 10px;
    padding: 5px;
}

/* 線囲み 幅60px */
.hpb-parts-cnt-02-060
{
    margin-bottom: 5px;
    padding: 5px;
}

/* 線囲み 幅120px */
.hpb-parts-cnt-02-120
{
    margin-bottom: 5px;
    padding: 5px;
}

/* 線囲み 幅180px */
.hpb-parts-cnt-02-180
{
    margin-bottom: 5px;
    padding: 5px;
}

/* 線囲み 幅240px */
.hpb-parts-cnt-02-240
{
    margin-bottom: 5px;
    padding: 5px;
}

/* 線囲み 幅360px */
.hpb-parts-cnt-02-360
{
    margin-bottom: 5px;
    padding: 5px;
}

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

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

/* 下線 1 */
.hpb-parts-hl-02
{
}

/* 下線 2 (2重線) */
.hpb-parts-hl-03
{
}

/* 線囲み 1 */
.hpb-parts-hl-04
{
    padding: 5px 0.2em 3px 5px !important;
    border-bottom-width: 1px !important;
    border-color: #ccc !important;
}

/* 線囲み 2 (2重線) */
.hpb-parts-hl-05
{
    padding: 5px 0.2em 3px 5px !important;
    border-color: #ccc !important;
}

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

/* 飾りつき 2 (左■付き＆下線) */
.hpb-parts-hl-07
{
    padding-left: 0.5em !important;
    border-left-width: 0.5em !important;
    border-left-color: #d3d3d3 !important;
    border-bottom-width: 1px !important;
    border-bottom-color: #ccc !important;
    border-bottom-style: dotted !important;
}

/* 飾りつき 3 (左■付き＆線囲み) */
.hpb-parts-hl-08
{
    padding-top: 6px !important;
    padding-left: 0.5em !important;
    border-left-width: 0.5em !important;
    border-left-color: #d3d3d3 !important;
    border-top-width: 1px !important;
    border-top-color: #ccc !important;
    border-top-style: dotted !important;
    border-bottom-width: 1px !important;
    border-bottom-color: #ccc !important;
    border-bottom-style: dotted !important;
    border-right-width: 1px !important;
    border-right-color: #ccc;
}

/******************************
 * 文章枠 (div)
 ******************************/

/* 装飾なし */
.hpb-parts-cbox-01
{
    margin-bottom: 5px;
    margin-right: 23px;
}

/* 線囲み 1 (実線) */
.hpb-parts-cbox-02
{
    margin-bottom: 5px;
    margin-right: 23px;
}

/* 線囲み 2 (点線) */
.hpb-parts-cbox-03
{
    margin-bottom: 5px;
    margin-right: 23px;
}

/* 線囲み 3 (2重線) */
.hpb-parts-cbox-04
{
    margin-bottom: 5px;
    margin-right: 23px;
}

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

/* 余白なし */
.hpb-parts-img-01
{
}

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

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

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

/* 複数写真ボックス 左端用 */
.hpb-parts-img-05
{
}

/* 複数写真ボックス 2列目用 */
.hpb-parts-img-06
{
}

/* 複数写真ボックス 左端・2行目用 */
.hpb-parts-img-07
{
}

/* 複数写真ボックス 2行目用 */
.hpb-parts-img-08
{
}

/******************************
 * 水平線 (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;
}

/* 飾りなし 画像幅60px */
.hpb-parts-pbox-01-060
{
}

/* 飾りなし 画像幅120px */
.hpb-parts-pbox-01-120
{
}

/* 飾りなし 画像幅180px */
.hpb-parts-pbox-01-180
{
}

/* 飾りなし 画像幅240px */
.hpb-parts-pbox-01-240
{
}

/* 線囲み */
.hpb-parts-pbox-02
{
}

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

/* 線囲み 画像幅60px */
.hpb-parts-pbox-02-060
{
}

/* 線囲み 画像幅120px */
.hpb-parts-pbox-02-120
{
}

/* 線囲み 画像幅180px */
.hpb-parts-pbox-02-180
{
}

/* 線囲み 画像幅240px */
.hpb-parts-pbox-02-240
{
}

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

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

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

/* 飾りなし 画像幅60px 横2x縦1 */
.hpb-parts-mpbox-01-2060
{
}

/* 飾りなし 画像幅60px 横3x縦1 */
.hpb-parts-mpbox-01-3060
{
}

/* 飾りなし 画像幅60px 横4x縦1 */
.hpb-parts-mpbox-01-4060
{
}

/* 飾りなし 画像幅120px 横2x縦1 */
.hpb-parts-mpbox-01-2120
{
}

/* 飾りなし 画像幅120px 横3x縦1 */
.hpb-parts-mpbox-01-3120
{
}

/* 飾りなし 画像幅120px 横4x縦1 */
.hpb-parts-mpbox-01-4120
{
}

/* 飾りなし 画像幅180px 横2x縦1 */
.hpb-parts-mpbox-01-2180
{
}

/* 飾りなし 画像幅180px 横3x縦1 */
.hpb-parts-mpbox-01-3180
{
}

/* 飾りなし 画像幅180px 横4x縦1 */
.hpb-parts-mpbox-01-4180
{
}

/* 飾りなし 画像幅240px 横2x縦1 */
.hpb-parts-mpbox-01-2240
{
}

/* 飾りなし 画像幅240px 横3x縦1 */
.hpb-parts-mpbox-01-3240
{
}

/* 飾りなし 画像幅240px 横4x縦1 */
.hpb-parts-mpbox-01-4240
{
}

/* 線囲み 画像幅60px 横2x縦1 */
.hpb-parts-mpbox-02-2060
{
}

/* 線囲み 画像幅60px 横3x縦1 */
.hpb-parts-mpbox-02-3060
{
}

/* 線囲み 画像幅60px 横4x縦1 */
.hpb-parts-mpbox-02-4060
{
}

/* 線囲み 画像幅120px 横2x縦1 */
.hpb-parts-mpbox-02-2120
{
}

/* 線囲み 画像幅120px 横3x縦1 */
.hpb-parts-mpbox-02-3120
{
}

/* 線囲み 画像幅120px 横4x縦1 */
.hpb-parts-mpbox-02-4120
{
}

/* 線囲み 画像幅180px 横2x縦1 */
.hpb-parts-mpbox-02-2180
{
}

/* 線囲み 画像幅180px 横3x縦1 */
.hpb-parts-mpbox-02-3180
{
}

/* 線囲み 画像幅180px 横4x縦1 */
.hpb-parts-mpbox-02-4180
{
}

/* 線囲み 画像幅240px 横2x縦1 */
.hpb-parts-mpbox-02-2240
{
}

/* 線囲み 画像幅240px 横3x縦1 */
.hpb-parts-mpbox-02-3240
{
}

/* 線囲み 画像幅240px 横4x縦1 */
.hpb-parts-mpbox-02-4240
{
}

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

/* 文字型 1 */
.hpb-parts-blist-01
{
    clear: both;
}
.hpb-parts-blist-01 ul
{
    margin-bottom: 5px;
}
.hpb-parts-blist-01 li
{
    border-bottom: none !important;
    padding: 2px !important;
    padding-left: 0 !important;
    background-image: none !important;
}
.hpb-parts-blist-01 li a
{
    padding: 7px !important;
}

/* 文字型 2 */
.hpb-parts-blist-02
{
    clear: both;
}
.hpb-parts-blist-02 ul
{
    margin-bottom: 5px;
}
.hpb-parts-blist-02 li
{
    border-bottom: none !important;
    padding: 2px !important;
    padding-left: 0 !important;
    background-image: none !important;
}
.hpb-parts-blist-02 li a
{
    border-style: dotted;
}

/* 文字型 3 */
.hpb-parts-blist-03
{
    clear: both;
}
.hpb-parts-blist-03 ul
{
    margin-bottom: 5px;
}
.hpb-parts-blist-03 li
{
    border-bottom: none !important;
    padding: 2px !important;
    padding-left: 0 !important;
    background-image: none !important;
}
.hpb-parts-blist-03 li a
{
    border-left-width: 1em;
    border-right-width: 1em;
    border-right-style: solid;
    border-top-style: dotted;
    border-bottom-style: dotted;
}

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

/* 画像付き 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
{
}

.wrapper50 {
   margin-top: 45px;
}

/* =======================================================
  レスポンシブ設定
======================================================= */
@media screen and (max-width: 568px) {
    /******************************
     * Yahoo!ロコ-地図, Googleマップ
     ******************************/
    div[name="HPBMAP"] {
        max-width: 100% !important;
    }

    #hpb-main div[name="HPBMAP"] img {
        max-width: none;
    }

    /******************************
     * フォトモーション
     ******************************/
    .hpb-photomotion {
        max-width: 100% !important;
        height: auto !important;
    }
    .hpb-photomotion:after {
        display:table;
        clear:both;
        content:"";
    }

    /* 画像設定 */
    #hpb-main img {
        max-width: 100%;
        height: auto;
    }

    /******************************
     * レイアウト コンテナ (div)
     ******************************/
    /* 飾りなし 幅60px */
    .hpb-parts-cnt-01-060,
    /* 飾りなし 幅120px */
    .hpb-parts-cnt-01-120,
    /* 飾りなし 幅180px */
    .hpb-parts-cnt-01-180,
    /* 飾りなし 幅240px */
    .hpb-parts-cnt-01-240,
    /* 飾りなし 幅360px */
    .hpb-parts-cnt-01-360 {
        max-width:100%;
        margin-left: auto;
        margin-right: auto;
    }

    /******************************
     * 写真ボックス (div)
     ******************************/
    /* 飾りなし 画像幅60px */
    .hpb-parts-pbox-01-060,
    /* 飾りなし 画像幅120px */
    .hpb-parts-pbox-01-120,
    /* 飾りなし 画像幅180px */
    .hpb-parts-pbox-01-180,
    /* 飾りなし 画像幅240px */
    .hpb-parts-pbox-01-240,
    /* 線囲み */
    .hpb-parts-pbox-02,
    /* 線囲み 画像幅60px */
    .hpb-parts-pbox-02-060,
    /* 線囲み 画像幅120px */
    .hpb-parts-pbox-02-120,
    /* 線囲み 画像幅180px */
    .hpb-parts-pbox-02-180,
    /* 線囲み 画像幅240px */
    .hpb-parts-pbox-02-240 {
        max-width:100%;
        margin-left: auto;
        margin-right: auto;
    }

    /******************************
     * 複数写真ボックス (div)
     ******************************/
    /* 飾りなし 画像幅60px 横2x縦1 */
    .hpb-parts-mpbox-01-2060,
    /* 飾りなし 画像幅60px 横3x縦1 */
    .hpb-parts-mpbox-01-3060,
    /* 飾りなし 画像幅60px 横4x縦1 */
    .hpb-parts-mpbox-01-4060,
    /* 飾りなし 画像幅120px 横2x縦1 */
    .hpb-parts-mpbox-01-2120,
    /* 飾りなし 画像幅120px 横3x縦1 */
    .hpb-parts-mpbox-01-3120,
    /* 飾りなし 画像幅120px 横4x縦1 */
    .hpb-parts-mpbox-01-4120,
    /* 飾りなし 画像幅180px 横2x縦1 */
    .hpb-parts-mpbox-01-2180,
    /* 飾りなし 画像幅180px 横3x縦1 */
    .hpb-parts-mpbox-01-3180,
    /* 飾りなし 画像幅180px 横4x縦1 */
    .hpb-parts-mpbox-01-4180,
    /* 飾りなし 画像幅240px 横2x縦1 */
    .hpb-parts-mpbox-01-2240,
    /* 飾りなし 画像幅240px 横3x縦1 */
    .hpb-parts-mpbox-01-3240,
    /* 飾りなし 画像幅240px 横4x縦1 */
    .hpb-parts-mpbox-01-4240,
    /* 線囲み 画像幅60px 横2x縦1 */
    .hpb-parts-mpbox-02-2060,
    /* 線囲み 画像幅60px 横3x縦1 */
    .hpb-parts-mpbox-02-3060,
    /* 線囲み 画像幅60px 横4x縦1 */
    .hpb-parts-mpbox-02-4060,
    /* 線囲み 画像幅120px 横2x縦1 */
    .hpb-parts-mpbox-02-2120,
    /* 線囲み 画像幅120px 横3x縦1 */
    .hpb-parts-mpbox-02-3120,
    /* 線囲み 画像幅120px 横4x縦1 */
    .hpb-parts-mpbox-02-4120,
    /* 線囲み 画像幅180px 横2x縦1 */
    .hpb-parts-mpbox-02-2180,
    /* 線囲み 画像幅180px 横3x縦1 */
    .hpb-parts-mpbox-02-3180,
    /* 線囲み 画像幅180px 横4x縦1 */
    .hpb-parts-mpbox-02-4180,
    /* 線囲み 画像幅240px 横2x縦1 */
    .hpb-parts-mpbox-02-2240,
    /* 線囲み 画像幅240px 横3x縦1 */
    .hpb-parts-mpbox-02-3240,
    /* 線囲み 画像幅240px 横4x縦1 */
    .hpb-parts-mpbox-02-4240 {
        max-width:100%;
        margin-left: auto;
        margin-right: auto;
    }


    /*--------------------------------------------------------
      共通レイアウトパーツ設定
    --------------------------------------------------------*/
    /* ヘッダー内パーツ */
    #hpb-header9{
        margin-top: 20px;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 85px;
        font-size: 12px;
        font-family: 'MS P明朝', serif;
    }
    #hpb-header10{
        margin-top: -20px;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 85px;
        font-size: 10px;
        font-family: 'MS P明朝', serif;
    }
    #hpb-header11{
        margin-top: -20px;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 85px;
        font-size: 12px;
        font-family: 'MS P明朝', serif;
    }
    #hpb-header9 p{
        font-size: 10px;
        font-family: 'MS P明朝', serif;
        margin-left: -20px;
    }
    #hpb-header10 p{
        font-size: 12px;
        font-family: 'MS P明朝', serif;
        margin-left: -20px;
    }
    #hpb-header11 p.name1{
        font-size: 12px;
        font-family: 'Monotype Corsiva', serif;
        margin-left: 0px;
    }
    #hpb-header11 p.name1 span{
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-size: 12px;
        margin-left: 0px;
    }
    
    #hpb-headerMain{
        height: auto;
        padding-right: 0px;
        background-color: #261A18;
    }

    #hpb-headerMain h1{
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    line-height: 1.4;
    }

    #hpb-headerLogo{
        width: 80px
        float: none;
        margin-top: 0px;
        margin-left: 0px;
    }

    #hpb-headerLogo a{
        margin-top: 20px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
        background-position: top left;    /* center; */
        background-size: contain;
        max-width: 100%;
    }

    #hpb-headerExtra1{
        width: 90%;
        margin-top: 0px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 0px;
        float: none;
    }
    
    #hpb-headerExtra1 p.tel{
        /* 電話番号の文字設定 */
        padding-right: 0px;
        font-size: 10px;
    }
    
    #hpb-headerExtra1 p.tel span{
        /* 電話番号の「TEL」文字設定 */
        padding-right: 0px;
        font-size: 10px;
        display: block;
    }
    
    #hpb-headerExtra1 p.address{
        /* 住所文字設定 */
        padding-right: 0px;
        font-size: 10px;
    }

    /* フッター内パーツ */
    
    #hpb-footerExtra1 ul{
        margin-right: 10px;
        margin-left: 10px;
        padding-top: 5px;
        height: auto;
    }
    
    #hpb-footerExtra1 li{
        /* フッターナビ設定 */
        margin-bottom: 5px;
    }
    
    #hpb-footerMain{
        width: 100%;
    }
    
    #hpb-footerMain p{
    /* コピーライト文字設定 */
        padding-right: 5px;
        padding-left: 5px;
        line-height: 1.4;
        word-break: break-all;
    }
    
    /* サイドブロック内パーツ */
    /* バナー */
    
    #banner li a{
        background-position: top center;
        margin-left: auto;
        margin-right: auto;
    max-width: 100%;
    }
    
    #banner a#banner-access{
    /* アクセスバナー */
    background-size: contain;
    }
    #banner a#banner-netshop{
    /* ネットショップ */
    background-size: contain;
    }
    #banner a#banner-category1{
    /* 商品カテゴリ1 */
    background-size: contain;
    }
    #banner a#banner-category2{
    /* 商品カテゴリ2 */
      background-size: contain;
    }
    #banner a#banner-category3{
    /* 商品カテゴリ3 */
    background-size: contain;
    }
    
    #hpb-headerCart{
        width: 22px;
        margin-top: 1px;
        float: right;
        margin-right: -6px;
        background-position: right center;
        height: 23px;
        /*  position: inherit;  */
    }    
    
    #hpb-headerCart2{
        width: 150px;
        margin-top: 1px;
        margin-right: 0px;
        float: right;
        background-position: right center;
        /*  position: absolute;  */
    }
    #hpb-headerCart2 p{
        font-size  :  9px;
        font-family: 'MS P明朝', serif;
        height     :  4px;
        margin-left: 10px;
    }
    
    /* 店舗情報 */

    #shopinfo{
        background-size: contain;
    }
    
    /*--------------------------------------------------------
  ナビゲーションデザイン設定
--------------------------------------------------------*/
    #hpb-nav h3.hpb-c-index{
        width: 27px;
        height: 20px;
        background-image : url(../img2/btn_menu.png);
        background-position: top left;
        background-repeat: no-repeat;
        margin-left: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        overflow: hidden;
        text-indent: -9999px;
        cursor: pointer;
        display: inline-block;
    }
    
    /*--------------------------------------------------------
        基本パーツデザイン設定
    --------------------------------------------------------*/
    
    p{
        padding-right: 0px;
        padding-left: 0px;
    }
    
    .hpb-layoutset-02 h2 span.ja{
        padding-left: 10px;
        display: inline-block;
    }
    
    .hpb-layoutset-02 h2 span.en{
        display: inline-block;
    }
    
    #hpb-wrapper h3{
        padding-top: 10px;
        padding-right: 15px;
        padding-bottom: 10px;
        background-image: none;
        background-color: #251918;
        line-height: 1.4;
        border-radius: 3px;
        -webkit-border-radius: 3px;
    }
    
    
    
    
    
    
    
    /* フォームパーツ設定 */
    textarea{
        width: 96%;
    }
    
    input.l{
        width: 96%;
    }
    input.m{
        width: 60%;
    }
    input.s{
        width: 30%;
    }
    
    /* メインコンテンツ内基本パーツ */
    #hpb-main ul{
        margin-left: 0px;
    }
    
    #hpb-main dt{
    float: none;
        padding-bottom: 0px;
        padding-left: 10px;
        max-width: 100%;
        box-sizing: border-box;
    }
    #hpb-main dd{
        padding-left: 10px;
    }
    
    #hpb-main img{
        margin-left: 0px;
    }
    
    #hpb-main img.left{
        margin-right: 0px;
        float: none;
    }
    
    #hpb-main img.right{
        margin-left: 0px;
    float: none;
    }
    
    /* 商品紹介ページ デザイン定義 */
    #item .itemlist .item{
        float: none;
        max-width: 100%;
        display: inline-block;
        text-align: center;
        vertical-align: top;
    }
    
    #item .itemlist .item .itemdata{
        max-width: 100%;
    }
    
    #item #nbanner{
        width: 100%;
    }
    #item #nbanner a{
        max-width: 100%;
        background-position: top center;
        background-size: contain;
    }
    
    /* トップページ デザイン定義 */

    #toppage{
        padding-top: 0px;
        padding-left: 0px;
        margin-top: -80px;
    }
    
    #hpb-wrapper #toppage h3{
        line-height: 1.4;
        background-image: none;
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0px;
    }
    
    #hpb-wrapper #toppage h3 span.en{
        padding-left: 10px;
        display: inline-block;
    }
    #hpb-wrapper #toppage h3 span.ja{
        display: inline-block;
    }
        
    /* 商品情報 */
    #hpb-wrapper #toppage-item .item{
        float: none;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    #hpb-wrapper #toppage-item .item:nth-child(2n){
        float: none;
    }
    
    #hpb-wrapper #toppage-item .itemlist .item .itemdata{
        max-width: 100%;
    }
        
    /* 新着情報 */
    #hpb-wrapper #hpb-main #toppage-news dl dt{
        max-width: 100%;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 10px;
        box-sizing: border-box;
    }
    #hpb-wrapper #hpb-main #toppage-news dl dd{
        padding-left: 10px;
    }
    /*--------------------------------------------------------
      共通レイアウトパーツ設定
    --------------------------------------------------------*/
    /* ヘッダー内パーツ */
    #hpb-header9{
        margin-top: -140px;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 65px;
        font-size: 12px;
        font-family: 'MS P明朝', serif;
    }
    #hpb-header10{
        margin-top: -20px;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 70px;
        font-size: 10px;
        font-family: 'MS P明朝', serif;
    }
    #hpb-header11{
        margin-top: -20px;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 50px;
        font-size: 12px;
        font-family: 'MS P明朝', serif;
    }
    #hpb-header10 p{
        font-size: 10px;
        font-family: 'MS P明朝', serif;
    }
    #hpb-header11 p.name1{
        font-size: 12px;
        font-family: 'Monotype Corsiva', serif;
    }
    #hpb-header11 p.name1 span{
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-size: 12px;
    }

    #hpb-headerMain{
        height: auto;
        padding-right: 0px;
        background-color: #261A18;
    }

    #hpb-headerMain h1{
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    line-height: 1.4;
    }

    #hpb-headerLogo{
        width: 35px;
        float: none;
        margin-top: -29px;
        margin-right: auto;
        margin-left: -5px;
    }

    
    #hpb-headerExtra1 p.tel{
    /* 電話番号の文字設定 */
      padding-right: 0px;
      font-size: 10px;
    }
    
    #hpb-headerExtra1 p.tel span{
    /* 電話番号の「TEL」文字設定 */
        padding-right: 0px;
        font-size: 10px;
        display: block;
    }
    
    #hpb-headerExtra1 p.address{
    /* 住所文字設定 */
        padding-right: 0px;
        font-size: 10px;
    }

    /* フッター内パーツ */
    
    #hpb-footerExtra1 ul{
        margin-right: 10px;
    margin-left: 10px;
        padding-top: 5px;
        height: auto;
    }
    
    #hpb-footerExtra1 li{
        /* フッターナビ設定 */
        margin-bottom: 5px;
    }
    
    #hpb-footerMain{
        width: 100%;
    }
    
    #hpb-footerMain p{
    /* コピーライト文字設定 */
    padding-right: 5px;
        padding-left: 5px;
    line-height: 1.4;
        word-break: break-all;
    }
    
    /* サイドブロック内パーツ */
    /* バナー */
    
    #banner li a{
        background-position: top center;
        margin-left: auto;
        margin-right: auto;
    max-width: 100%;
    }
    
    #banner a#banner-access{
    /* アクセスバナー */
    background-size: contain;
    }
    #banner a#banner-netshop{
    /* ネットショップ */
    background-size: contain;
    }
    #banner a#banner-category1{
    /* 商品カテゴリ1 */
    background-size: contain;
    }
    #banner a#banner-category2{
    /* 商品カテゴリ2 */
      background-size: contain;
    }
    #banner a#banner-category3{
    /* 商品カテゴリ3 */
    background-size: contain;
    }
    
    /* 店舗情報 */

    #shopinfo{
        background-size: contain;
    }
    
    /*--------------------------------------------------------
    ナビゲーションデザイン設定
    --------------------------------------------------------*/
    #hpb-nav h3.hpb-c-index{
        width: 27px;
        height: 20px;
        background-image : url(../img2/btn_menu.png);
        background-position: top left;
        background-repeat: no-repeat;
        margin-left: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        overflow: hidden;
        text-indent: -9999px;
        cursor: pointer;
        display: inline-block;
    }
    
    /*--------------------------------------------------------
        基本パーツデザイン設定
    --------------------------------------------------------*/
    
    p{
        padding-right: 0px;
        padding-left: 0px;
    }
    
    .hpb-layoutset-02 h2 span.ja{
        padding-left: 10px;
        display: inline-block;
    }
    
    .hpb-layoutset-02 h2 span.en{
        display: inline-block;
    }
    
    #hpb-wrapper h3{
        padding-top: 10px;
        padding-right: 15px;
        padding-bottom: 10px;
        background-image: none;
        background-color: #251918;
        line-height: 1.4;
        border-radius: 3px;
        -webkit-border-radius: 3px;
    }
    
    table{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
    }
    
    /* フォームパーツ設定 */
    textarea{
        width: 96%;
    }
    
    input.l{
        width: 96%;
    }
    input.m{
        width: 60%;
    }
    input.s{
        width: 30%;
    }
    
    /* メインコンテンツ内基本パーツ */
    #hpb-main ul{
        margin-left: 0px;
    }
    
    #hpb-main dt{
        float: left;
        padding-bottom: 0px;
        padding-left  : 10px;
        max-width     : 70%;
        box-sizing    : border-box;
    }
    #hpb-main dd{
        padding-left: 10px;
    }
    
    #hpb-main img{
        margin-left: 0px;
    }
    
    #hpb-main img.left{
        margin-right: 0px;
        float: none;
    }
    
    #hpb-main img.right{
        margin-left: 0px;
    float: none;
    }
    
    /* 商品紹介ページ デザイン定義 */
    #item .itemlist .item{
        float: none;
        max-width: 100%;
        display: inline-block;
        text-align: center;
        vertical-align: top;
    }
    
    #item .itemlist .item .itemdata{
        max-width: 100%;
    }
    
    #item #nbanner{
        width: 100%;
    }
    #item #nbanner a{
        max-width: 100%;
        background-position: top center;
        background-size: contain;
    }
    
    /* トップページ デザイン定義 */

    #toppage{
        padding-top: 0px;
        margin-top: -100px;
    }
    
    #hpb-wrapper #toppage h3{
        line-height: 1.4;
        background-image: none;
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0px;
    }
    
    #hpb-wrapper #toppage h3 span.en{
        padding-left: 10px;
        display: inline-block;
    }
    #hpb-wrapper #toppage h3 span.ja{
        display: inline-block;
    }
        
    /* 商品情報 */
    #hpb-wrapper #toppage-item .item{
        float: none;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    #hpb-wrapper #toppage-item .item:nth-child(2n){
        float: none;
    }
    
    #hpb-wrapper #toppage-item .itemlist .item .itemdata{
        max-width: 100%;
    }
        
    /* 新着情報 */
    #hpb-wrapper #hpb-main #toppage-news dl dt{
        max-width: 100%;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 10px;
        box-sizing: border-box;
    }
    #hpb-wrapper #hpb-main #toppage-news dl dd{
        padding-left: 10px;
    }
    
    .reserve-info {
        margin-left: 0px;
        margin-bottom: 30px;
    }
    
    
}