@charset "Shift_JIS";

/*--------------------------------------------------------
  共通レイアウトパーツ設定
--------------------------------------------------------*/
/* ヘッダー内パーツ */
#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{
    width: 100px;
    float: left;
    margin-top: 5px;
    margin-left: 10px;
}
#hpb-header9{
    margin-top: 40px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: -200px;
    font-size: 20px;
    font-family: 'MS P明朝', serif;
    padding-top: 1px
}
#hpb-header10{
    margin-top: -25px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: -200px;
    font-size: 18px;
    font-family: 'MS P明朝', serif;
}
#hpb-header11{
    margin-top: -22px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 84px;
    font-size: 20px;
    font-family: 'MS P明朝', serif;
}

#hpb-header9 p{
    font-size: 16px;
    font-family: 'MS P明朝', serif;
}
#hpb-header10 p{
    font-size: 22px;
    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: 22px;
}




#hpb-headerLogo a{
    height: 130px;
    display: block;
    margin-top: -7px;
    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-headerExtra1{
    width: 400px;
    margin-top: -85px;
    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: 1px;
    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{
    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 : 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;
}
#privacy p.large{
    font-size: 16px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

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;
}

/* リンク文字色 */
#privacy{
    margin-top: 80px;
    color: #000;
    text-decoration: underline;
}

/* リンク文字色 */
a:link{
    color: #000;
    text-decoration: underline;
}
a:visited{
    color: #000;
    text-decoration: underline;
}
a:hover{
    color: #fe0202;
    text-decoration: underline;
}
a:active{
    color: #fe0202;
    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;
    color: #FFF;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 0.5em;
    /* display: inline-block; */
    line-height: 1.3;
    background: #6f4b3ec2;
    vertical-align: middle;
    border-radius: 25px 0px 0px 25px;
    width: 80%;
    min-width: 500px;
    max-width: 600px;
    margin-left: 1px;
    
}
#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;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 15px;
    margin: 0;
    padding: 0;
    text-align: left;
    line-height: 16px;
    font-weight: normal;
}

table{
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: 0;
    border-collapse: collapse;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #d3d3d3;
    border-right-color: #d3d3d3;
    border-left-color: #d3d3d3;
}

table th{
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 8px;
    text-align: left;
    font-weight: normal;
    background-color: #f8f4ef;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d3d3d3;
}

table td{
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 8px;
    text-align: left;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d3d3d3;
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: #ccc;
}

.calendar-header {
    text-align: center;
}


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



.rightbutton{
    margin-top: 15px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    background: #dfdfdf;
}
.leftbutton{
    margin-top: 15px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    background: #dfdfdf;
}


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

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

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

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

#hpb-main ul li{
    padding-top: 5px;
    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;
}

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

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

#hpb-main dd{
    margin: 0;
    padding-top: 7px;
    padding-right: 0;
    padding-bottom: 7px;
    padding-left: 168px;
    text-align: left;
    line-height: 16px;
    min-height: 16px;
    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.center{
    margin-top: 0;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    /*  float: left;   */
}


#hpb-main img.topleft{
    margin-top: 0;
    margin-right: 20px;
    margin-bottom: 15px;
    margin-left: 0;
    float: left;
    width: 25%;
}
#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: 5px;
    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:230px !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;
}

.evdayhead {
    display: flex;
    flex-direction: column;
}
.evdayhead5 {
    display: none;
}

.vertical {
    writing-mode: vertical-rl;
    vertical-align: middle;    /*テキストを上付きに*
    /*    vertical-align: super; */  /*テキストを上付きに*/
}


/* =======================================================
  レスポンシブ設定
======================================================= */
@media screen and (max-width: 568px) {

    /*--------------------------------------------------------
      共通レイアウトパーツ設定
    --------------------------------------------------------*/
    /* ヘッダー内パーツ */
    #hpb-header9{
        margin-top: 40px;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 5px;
        font-size: 12px;
        font-family: 'MS P明朝', serif;
    }
    #hpb-header10{
        margin-top: -20px;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 5px;
        font-size: 10px;
        font-family: 'MS P明朝', serif;
    }
    #hpb-header11{
        margin-top: -20px;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 5px;
        font-size: 12px;
        font-family: 'MS P明朝', serif;
    }
    #hpb-header9 p{
        font-size: 10px;
        font-family: 'MS P明朝', serif;
    }
    #hpb-header10 p{
        font-size: 12px;
        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: 80px;
        float: left;
        margin-top: -18px;
        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: 80%;
        max-width: 100%;
    }

    #hpb-headerExtra1{
        width: 90%;
        margin-top: -26px;
        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%;
        background-color: brown
    }
    
    #hpb-footerMain p{
    /* コピーライト文字設定 */
        padding-right: 5px;
        padding-left: 5px;
        /*  line-height: 1.4;  */
        word-break: break-all;
        text-align: right;
    }
    
    /* サイドブロック内パーツ */
    /* バナー */
    
    #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-bar{
        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: none;   /* inline-block;  */
        width:100%
    }
    #nav1 ul li {
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-size: 12px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    /*--------------------------------------------------------
        基本パーツデザイン設定
    --------------------------------------------------------*/
    
    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{
        clear: both;
        color: #FFF;
        margin-top: 20px;
        margin-bottom: 30px;
        padding: 0.5em;
        /* display: inline-block; */
        line-height: 1.3;
        background: #40250d;
        vertical-align: middle;
        border-radius: 25px 0px 0px 25px;
        width: 80%;
        min-width: 150px;
        max-width: 80%;
        margin-left: 1px;
    
    }
    
    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: 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;
    }
    .evdayhead {
        display: none;
    }
    .evdayhead5 {
        display: flex;
        flex-direction: column;
    }
    
}