@charset "Shift_JIS";


/*--------------------------------------------------------
  共通レイアウトパーツ設定
--------------------------------------------------------*/
/* ヘッダー内パーツ */
#hpb-headerMain {
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    width: 430px;
    float: left;
    z-index: 2;
}

#hpb-headerMain h1 {
    color: #C2A78D;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 10px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 0;
    text-align: left;
    font-weight: normal;
    line-height: 10px;
    font-size: 10px;
}

#mobile1116 td {
    border-bottom: unset;
padding: unset;
}

#mobile1116 {

    border-top: unset;
    margin: unset;

}

#hpb-headerLogo {
    width: 500px;
    float: left;
}

#hpb-headerLogo a {
    display: block;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    text-indent: -9999px;
    overflow: hidden;
    height: 58px;
    background-image : url(logo_8B.png);
    background-position: center left;
    background-repeat: no-repeat;
}

#hpb-headerExtra1 {
    width: 350px;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    height: 43px;
    float: right;
    text-align: right;
}

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

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

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

#hpb-headerExtra1 p.mail a {
    /* お問い合わせリンク設定 */
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}

#hpb-headerExtra1 p.mail a:link {
    background-color: #FFA722;
    color: #ffffff;
    text-decoration: none;
}
#hpb-headerExtra1 p.mail a:visited {
    background-color: #FFA722;
    color: #ffffff;
    text-decoration: none;
}
#hpb-headerExtra1 p.mail a:hover {
    background-color: #BF946C;
    color: #ffffff;
    text-decoration: none;
}
#hpb-headerExtra1 p.mail a:active {
    background-color: #BF946C;
    color: #ffffff;
    text-decoration: none;
}

#hpb-headerExtra2 {
    height: 23px;
    overflow: hidden;
    position: absolute;
    width: 1001px;
    top: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    right: 0;
}

#hpb-headerExtra2 ul {
    /* ヘッダーサブナビゲーション設定 */
    display: block;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}

#hpb-headerExtra2 li {
    display: inline;
    font-size: 12px;
    line-height: 12px;
    background-image : url(top_cart_8B.png);
    background-position: 3px 1px;
    background-repeat: no-repeat;
}

#hpb-headerExtra2 li a {
    padding-left: 10px;
    padding-right: 10px;
}

#hpb-header a {
    margin-left: 13px;
}

#hpb-headerExtra2 a:link {
    color: #FFFFFF;
    text-decoration: none;
}
#hpb-headerExtra2 a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
#hpb-headerExtra2 a:hover {
    color: #C2A78D;
    text-decoration: underline;
}
#hpb-headerExtra2 a:active {
    color: #C2A78D;
    text-decoration: underline;
}


/* フッター内パーツ */
#hpb-footerMain {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

#hpb-footerMain p {
    /* コピーライト文字設定 */
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 0.9em;
    text-align: center;
    color: #666666;
}

#hpb-footerLogo {
}

#hpb-footerExtra1 {
    margin-top: -50px;
    text-align: left;
}

#hpb-footerExtra1 ul {
    /* フッターサブメニュー設定 */
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #6A4B2E;
}

#hpb-footerExtra1 li {
    display: inline;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #6A4B2E;
    font-size: 12px;
}

#hpb-footerExtra1 li a {
    padding-left: 10px;
    padding-right: 10px;
}

#hpb-footerExtra1 a:link {
    color: #6A4B2E;
    text-decoration: none;
}
#hpb-footerExtra1 a:visited {
    color: #6A4B2E;
    text-decoration: none;
}
#hpb-footerExtra1 a:hover {
    color: #89613D;
    text-decoration: underline;
}
#hpb-footerExtra1 a:active {
    color: #89613D;
    text-decoration: underline;
}


#hpb-footerExtra2 {
}

/* サイドブロック内パーツ */

/* ランキング */
#ranking {
    background-color: #FFFFFF;
    min-height: 185px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #DDDDDD;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #DDDDDD;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DDDDDD;
}

* html #ranking {
    /* for IE6 */
    height: 185px;
}

#ranking h3 {
    background-color: #C69E7B;
    text-align: left;
    color: #ffffff;
    font-size: 1em;
    line-height: 29px;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 8px;
    height: 29px;
}

#ranking img.new {
    float: right;
    margin-top: -10px;
    margin-right: 0;
}

#ranking ol {
    width: 200px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 8px;
    list-style-type: none;
}

#ranking li {
    display: block;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCCCCC;
    padding-top: 5px;
    padding-bottom: 6px;
    padding-bottom: 5px;
    text-align: left;
    padding-right: 5px;
    padding-left: 25px;
    line-height: 1.4;
}

#ranking li img {
    display: block;
}

#ranking a:link {
    color: #000000;
    text-decoration: none;
}
#ranking a:visited {
    color: #000000;
    text-decoration: none;
}
#ranking a:hover {
    color: #f53193;
    text-decoration: none;
}
#ranking a:active {
    color: #f53193;
    text-decoration: none;
}

#ranking li.r01 {
    background-image : url(rankingNum_8B_01.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

#ranking li.r02 {
    background-image : url(rankingNum_8B_02.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

#ranking li.r03 {
    background-image : url(rankingNum_8B_03.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

#ranking li.r04 {
    background-image : url(rankingNum_8B_04.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
}

#ranking li.r05 {
    background-image : url(rankingNum_8B_05.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
    border-bottom-style: none;
}

/* バナー */
#banner {
    margin-top: 15px;
    margin-bottom: 27px;
}

#banner ul {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}

#banner li {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3px;
}

#banner li a {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}

#banner a#banner-sale {
    /* セールバナー */
    height: 70px;
    background-image : url(banner_8B_01.png);
    background-position: center center;
    background-repeat: no-repeat;
}

#banner a#banner-present {
    /* プレゼントバナー */
    height: 70px;
    background-image : url(banner_8B_02.png);
    background-position: center center;
    background-repeat: no-repeat;
}

#banner a#banner-magazine {
    /* メルマガバナー */
    height: 70px;
    background-image : url(banner_8B_03.png);
    background-position: center center;
    background-repeat: no-repeat;
}

#banner a#banner-rss {
    /* RSSバナー */
    height: 24px;
    background-image : url(banner_8B_04.png);
    background-position: center center;
    background-repeat: no-repeat;
}

/* 店舗情報 */
#shopinfo {
    background-color: #f0f0f0;
    padding-bottom: 1px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #DDDDDD;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #DDDDDD;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DDDDDD;
}

#shopinfo h3 {
    background-color: #CFAF92;
    color: #6A4B2E;
    height: 30px;
    line-height: 32px;
    text-align: left;
}

#shopinfo h3 span.ja {
    font-size: 0.9em;
    padding-left: 10px;
}

#shopinfo h4 {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    font-size: 1.1em;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    color: #FF9900;
}

#shopinfo p {
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
    padding-left: 10px;
    padding-right: 10px;
}

#shopinfo a {
    line-height: 1.7;
}

/*--------------------------------------------------------
  ナビゲーションデザイン設定
--------------------------------------------------------*/

#hpb-nav li a {
    /* ナビゲーション文字設定 */
}


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

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

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

p {
    margin-top: 0.5em;
    margin-bottom: 1.5em;
    padding-right: 0.1em;
    padding-left: 0.1em;
    line-height: 1.4;
    text-align: left;
}

p.large {
    font-weight: bold;
    font-size: 1.0em;
    margin-bottom: 0.4em;
    color: #FF9900;
}
p.indent {
    padding-left: 15px;
}

p.price {
    color: #ff0000;
    text-align: right;
    font-size: 1.2em;
}

p.more {
    margin-bottom: 0;
    text-align: right;
    padding-right: 5px;
}

p.more a {
    display: block;
    width: 70px;
    height: 19px;
    margin-left: auto;
    background-image : url(more_8B.png);
    background-position: top left;
    background-repeat: no-repeat;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
}

p.icon {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 0.5em;
}

#hpb-main p.icon img {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 5px;
}

.left {
    float: left;
}
.right {
    float: right;
}

hr {
    width: 100%;
    height: 1px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    clear: both;
    border-top-width: 1px;
    border-top-style: none;
    border-right-width: 1px;
    border-right-style: none;
    border-left-width: 1px;
    border-left-style: none;
    color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-style: none;
}

.hpb-layoutset-02 h2 {
    margin-top: 0;
    background-color: #000000;
    background-image : url(titleBg_8B.png);
    background-position: top left;
    background-repeat: repeat-x;
    text-align: left;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
}

.hpb-layoutset-02 h2 span.ja {
    font-size: 1.2em;
    font-family:  "AR教科書体M",serif;
    color: #fff9a5;
    padding-left: 5px;
    padding-right: 5px;
}

.hpb-layoutset-02 h2 span.en {
    color: #fff5b5;
    font-size: 0.7em;
    font-family: "AR教科書体M",serif;
    text-transform: uppercase;
}

#hpb-wrapper h3 {
    height: 20px;
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 5px;
    padding-left: 30px;
    text-align: left;
    background-image : url(indexBg_8B.png);
    background-position: top left;
    background-repeat: no-repeat;
    color: #6A4B2E;
    font-size: 1.15em;
    text-align: left;
    line-height: 20px;
    overflow: hidden;
    clear: both;
}

h3.hpb-c-index {
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px;
    background: none;
}

#hpb-main h3 img {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 15px;
    vertical-align: middle;
}


h4 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 0;
    text-align: left;
    font-size: 1.2em;
    line-height: 1.2;
    font-weight: bold;
    color: #6A4B2E;
}

h4 img {
    margin-left: 15px;
}

h5 {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 5px;
    text-align: left;
    font-size: 1.1em;
    line-height: 1.5;
    font-weight: bold;
}

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

table th {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    text-align: left;
    background-color: #C69E7B;
    color: #ffffff;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
    white-space: nowrap;
}

table td {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    text-align: left;
    background-color: #ECDED2;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
}

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

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

input.l {
    width: 380px;
}
input.m {
    width: 250px;
}
input.s {
    width: 50px;
}


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

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

#hpb-main ul li {
    text-align: left;
    line-height: 1.4;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
    background-image : url(point_8B.png);
    background-position: 5px 10px;
    background-repeat: no-repeat;
}

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

#hpb-main dt {
    float: left;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    text-align: left;
    line-height: 1.4;
    font-weight: normal;
    width: 9em !important;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 2px;
    color: #6A4B2E;
    font-weight: bold;
}

#hpb-main dd {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    text-align: left;
    line-height: 1.4;
    padding-left: 10em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
}

* html #hpb-main dd {
    /* for IE6 */
    height: 1%;
}

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

#hpb-main img {
    margin-top: 5px;
    margin-bottom: 10px;
}

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

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

#pagetop {
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    text-align: right;
    padding-bottom: 10px;
}

#pagetop a {
    /* ページの先頭へのリンク設定 */
    display: block;
    width: 125px;
    height: 19px;
    background-image : url(returnTop_8B.png);
    background-position: center left;
    background-repeat: no-repeat;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    margin-left: auto;
    margin-right: 0;
}


/* トップページ デザイン定義 */
.hpb-layoutset-01 #hpb-title h2 {
    height: 200px;
    background-image : url(760X200.jpg);
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
}

/* 新商品情報 */
.item.item1 {
  min-height: unset !important;
  height: unset !important;
}

#toppage-item div.item {
    width: 620px;
    min-height: 200px;
}

/* 新商品情報 */
* html #toppage-item div.item {
    /* for IE6 */
    float: none;
}

#toppage-item h4 {
    width: 459px;
    float: left;
    padding-bottom: 8px;
    background-image : url(index_line_8B.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}

#toppage-item img.itemimg {
    display: block;
    float: left;
    margin-left: 0px;
    margin-right: 10px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #DDDDDD;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #DDDDDD;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DDDDDD;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #DDDDDD;
}

#toppage-item p {
    margin-bottom: 0;
}

#toppage-item p.price {
    margin-top: 0px;
    text-align: left;
}


/* 特集 */
#hpb-main #toppage-special ul {
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

#hpb-main #toppage-special li {
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: #ffffff;
    background-image: none;
    display: block;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 15px;
    padding-left: 0;
}

#hpb-main #toppage-special a {
    display: block;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
}

/* バーゲンスタート */
#special-bargain {
    width: 315px;
    float: left;
}
#special-bargain a {
    height: 85px;
    background-image : url(specialBanner_8B_01.png);
    background-position: top left;
    background-repeat: no-repeat;
}

/* ギフト特集 */
#special-gift {
    width: 315px;
    float: right;
}
#special-gift a {
    height: 85px;
    background-image : url(specialBanner_8B_02.png);
    background-position: top left;
    background-repeat: no-repeat;
}

/* アウトレット特集 */
#special-outlet {
    width: 315px;
    float: left;
}
#special-outlet a {
    height: 85px;
    background-image : url(specialBanner_8B_03.png);
    background-position: top left;
    background-repeat: no-repeat;
}

/* 今月のお買い得 */
#special-pricedown {
    width: 315px;
    float: right;
}
#special-pricedown a {
    height: 85px;
    background-image : url(specialBanner_8B_04.png);
    background-position: top left;
    background-repeat: no-repeat;
}

/* スタッフおすすめ */
#special-recommend {
    width: 315px;
    float: left;
}
#special-recommend a {
    height: 85px;
    background-image : url(specialBanner_8B_05.png);
    background-position: top left;
    background-repeat: no-repeat;
}


/* 商品一覧ページ デザイン定義 */
h3 span.cat {
    font-weight: normal;
    color: #000000;
    padding-right: 10px;
    font-size: 0.9em;
}

#item .item {
    margin-right: 7px;
    margin-bottom: 7px;
    float: left;
    background-color: #f0f0f0;
    padding-bottom: 5px;
width: 24%;
}

#item .itemimg {
    margin-top: 10px;
    margin-bottom: 0;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #000000;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #000000;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #000000;
}

#item h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1em;
    line-height: 1.3;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    color: #000000;
}

#item p.icon {
    height: 15px;
    line-height: 15px;
    padding-left: 5px;
    padding-right: 5px;
}

#item p.price {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    font-size: 1.1em;
    float: left;
}

#item p.more {
    margin-top: 2px;
}
/* 商品詳細ページ デザイン定義 */
#detail {
    width : 740px;
}
#detail .price {
    font-size: 1.3em;
    margin-bottom: 0;
    padding-top: 5px;
}

#hpb-wrapper #detail h3, #hpb-main #detail h3 {
    color: #000000;
    font-size: 1.3em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
    padding-left: 5px;
    background-image: none;
    margin-bottom: 10px;
}

/* 注文方法ページ デザイン定義 */
#flow {
    background-color: #C69E7B;
    font-size: 1.2em;
    margin-left: 10px;
    margin-right: 10px;
}

#flow ol {
    color: #000000;
    text-align: left;
    font-weight: bold;
}

#flow ol li {
    background-color: #ECDED2;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 40px;
    background-image : url(flowArrow_8B.png);
    background-position: 40px 0px;
    background-repeat: no-repeat;
}

#flow ol li:first-child {
    padding-top: 10px;
    background-image: none;
}

/* キャンペーンページ デザイン定義 */
#campaign .image {
    height : 28px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    margin-bottom: 5px;
}

#spring .image {
    background-image : url(springcamp_8B.png);
    background-position: center center;
    background-repeat: no-repeat;
}

#summer .image {
    background-image : url(summercamp_8B.png);
    background-position: center center;
    background-repeat: no-repeat;
}

#autumn .image {
    background-image : url(autumncamp_8B.png);
    background-position: center center;
    background-repeat: no-repeat;
}

#winter .image {
    background-image : url(wintercamp_8B.png);
    background-position: center center;
    background-repeat: no-repeat;
}

#campaign .item {
    background-color: #f0f0f0;
    padding-top : 1px;
    padding-right : 5px;
    padding-bottom : 5px;
    padding-left: 5px;
    min-height : 100px;
}

* html #campaign .item {
    /* for IE6 */
    height: 230px;
}

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

#campaign .item img {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #000000;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #000000;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #000000;
    margin-left: 15px;
    margin-right: 15px;
}
/*---------------------------------
	        Base CSS 
---------------------------------*/
body,ul{ 
	margin:0;padding:0;list-style:none;
}
img{border:0}
/* clearfix(削除不可) */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }
/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

#gallery_wrap {
	width:600px;
	margin:0 auto;
}
#gallery_list li{
	width:180px;
	height:150px;
	border:1px solid #ccc;
	float:left;
	margin:0 5px 5px 0;
	overflow:hidden;
	padding:5px;
	text-align:center;
	font-size:12px;
}
#gallery_list a.photo{
	width:180px;
	height:135px;
	margin:0 auto;
	overflow:hidden;
	display:block;
}
/*---------------------------------
	       /Base CSS 
---------------------------------*/

/*---------------------------------
	      Pager style
---------------------------------*/
.pager_link{
	text-align:right;
	padding:10px;
}
/*ページャーボタン*/
.pager_link a {
    border: 1px solid #aaa;
    border-radius: 5px 5px 5px 5px;
    color: #333;
    font-size: 12px;
    padding: 3px 7px 2px;
    text-decoration: none;
	margin:0 1px;
}
/*現在のページ、オーバーボタン*/
.pager_link a.current,.pager_link a:hover{
    background: #999;
    color: #FFFFFF;
}
.overPagerPattern{
	padding:0 2px ;	
}
/*---------------------------------
	      /Pager style
---------------------------------*/

#soldout span div form span.dummy_show_price {
    display: none !important;
}

/*店内マップ用*/
.floor-map a {
    display: inline-block;
    width: 200px;
    height: 54px;
    font-size: 33px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    line-height: 54px;
    outline: none;
  background-color: #333;
  color: #fff;
}
.floor-map a:hover {
  background-color: #59b1eb;
}


/*自動売約済み用*/
#soldout span div {
    visibility: hidden;
    position: relative;
height: 20px;
}
#soldout :empty {
  display: none;
}
#soldout form span {
    visibility: visible;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
font-weight: bold;
  font-size: 10pt !important;
}
#soldout span {
  font-size: 0;
}
#soldout span span {
  font-size: 10pt !important;
}

/*スクロールを止める*/
#sidebar {
    position: static !important;
background: #fff;
}
#sidebar table {
  font-size: 10pt !important;
}

/*適切な送料ランクを点滅させる*/
@-webkit-keyframes pulse {
 from {
   opacity: 1.0;/*透明度100%*/
 }
 to {
   opacity: 0.8;/*透明度80%*/
 }
}
.blinking {
-webkit-animation-name: pulse;/* 実行する名前 */
-webkit-animation-duration: 0.3s;/* 0.3秒かけて実行 */
-webkit-animation-iteration-count:infinite;/* 何回実行するか。infiniteで無限 */
-webkit-animation-timing-function:ease-in-out;/* イーズインアウト */
-webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
-webkit-animation-delay: 0s; /* 実行までの待ち時間 */
}
.blinking .tableBG {
    background: #ff991d !important;
}

.koushin {
    margin-top: -13px;
    border: none;
    width: 758px;
}
.koushin td {
    border: none;
    background: white;
font-size: 9pt;
}

/* トップページ流れる文字 */
/* MARQUEE */

.marqueeRightLeft {
    max-width: 760px;
    position: absolute;
    overflow: hidden;
    color: #000;
    font-weight: bold;
    font-size: 14.5pt;
    right: 0;
}
.marqueeRightLeft p:after {
	content: "";
	white-space: nowrap;
}
.marqueeRightLeft p {
	margin: 0;
	padding-left: 100%;
	display: inline-block;
	white-space: nowrap;
		-webkit-animation-name:marqueeRL;
		-webkit-animation-timing-function:linear;
		-webkit-animation-duration:12s;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-name:marqueeRL;
		-moz-animation-timing-function:linear;
		-moz-animation-duration:12s;
		-moz-animation-iteration-count:infinite;
		-ms-animation-name:marqueeRL;
		-ms-animation-timing-function:linear;
		-ms-animation-duration:12s;
		-ms-animation-iteration-count:infinite;
		-o-animation-name:marqueeRL;
		-o-animation-timing-function:linear;
		-o-animation-duration:12s;
		-o-animation-iteration-count:infinite;
		animation-name:marqueeRL;
		animation-timing-function:linear;
		animation-duration:35s;
		animation-iteration-count:infinite;
}

@-webkit-keyframes marqueeRL {
	from {-webkit-transform:translate(0);} to {-webkit-transform:translate(-100%);}
}
@-moz-keyframes marqueeRL {
	from {-moz-transform:translate(0);} to {-moz-transform:translate(-100%);}
}
@-ms-keyframes marqueeRL {
	from {-ms-transform:translate(0);} to {-ms-transform:translate(-100%);}
}
@-o-keyframes marqueeRL {
	from {-o-transform:translate(0);} to {-o-transform:translate(-100%);}
}
@keyframes marqueeRL {
	from {transform:translate(0);} to {transform:translate(-100%);}
}

#sidebar select {
    color: red;
    font-weight: bold;
}

.hidden_show td {
    width: 246px;
}

#soldout h4 span div {
display: ruby-text-container;
}

#soldout h4 span {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
}	

/*スライダー*/
.bx-viewport {
    height: 996px !important;
}

/*商品ページ注釈*/
p.coment {
    width: 450px;
text-decoration: line-through;
color: red;
font-size: 12pt;
font-weight: bold;
}
p.coment span {
color: black !important;
}


/*indexスライド*/
.cp_cssslider {
	width: 300px;
	height: 200px;
	overflow: hidden;
	margin: 2em auto;
	border: 10px solid #ffffff;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
}
.cp_slide_item {
	width: 300px;
	height: 200px;
	float: left;
	position: relative;
}
.cp_slidewrapper {
	width: 500%;/* slideの枚数×100% */
	position: relative;
	left: 0;
	animation: slider 20s infinite ease;/* スピード */
}
@-webkit-keyframes slider {
	/* 100%を枚数で割った%に割り振る */
	0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
	20% {
	-webkit-transform: translateX(-300px);
	transform: translateX(-300px);
	}
	40% {
	-webkit-transform: translateX(-600px);
	transform: translateX(-600px);
	}
	60% {
	-webkit-transform: translateX(-900px);
	transform: translateX(-900px);
	}
	80% {
	-webkit-transform: translateX(-1200px);
	transform: translateX(-1200px);
	}
	100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
}
@keyframes slider {
	/* 100%を枚数で割った%に割り振る */
	0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
	20% {
	-webkit-transform: translateX(-300px);
	transform: translateX(-300px);
	}
	40% {
	-webkit-transform: translateX(-600px);
	transform: translateX(-600px);
	}
	60% {
	-webkit-transform: translateX(-900px);
	transform: translateX(-900px);
	}
	80% {
	-webkit-transform: translateX(-1200px);
	transform: translateX(-1200px);
	}
	100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
}

.item pre {
        margin-top: -14px;
    font-size: 8.5pt;
    line-height: 1.3;
width: 150px;
display: inline-block;
text-align: left;
}
.item font {
    font-weight: unset !important;
}
#item span font {
    font-family: MS Gothic;
}
.item pre span {
    margin-bottom: 15px !important;
}


.price_list_main {
    position: relative;
}
.price_list {
    position: absolute;
    font-size: 13pt;
    right: 0;
    bottom: 0;
    color: white;
    font-weight: bold;
    padding: 10px;
text-shadow: 1px 2px 3px #000;
text-align: right;
}

.footer-page span {
    margin: 0 14px;
    font-weight: bold;
    font-size: 12pt;
}
.footer-page span::after {
    content: "";
    border-right: 1px solid #000;
    margin-left: 16px;
}



.annai {
    background: white;
    margin-bottom: 17px;
    padding: 5px;
    font-size: 15pt;
    font-weight: bold;
    color: red;
}

#soldout span.dummy_show_price {
    display: none;
}

/* ファイルの場所表示用 */
div.itemlist div.item {
  position: relative;
}
.basho {
  display: none;
  background: white;
  position: absolute;
  border: 1px solid black;
  font-size: 12pt;
  text-align: left;
  font-weight: bold;
  color: black;
  padding: 0 3px;
top: 0;
}


/* レスポンシブ対応用 */
@media screen and (max-width:750px){
  /*750px以下で適用する内容(iPhone7)*/

#sidebar table {
    width: 100% !important;
}

#hpb-title .ja {
  font-size: 15pt !important;
}

.mobile1 {
  margin-top: 84px !important;
  display: block;
}

.osusume {
width: 75px !important;
position: absolute;
top: 72% !important;
}


.setumei {
    background: white;
    margin-bottom: 15px;
    padding: 8px;
    border: 1px solid;
    margin-top: 47px;
    display: block !important;
}

#\30 607_pc span:nth-child(1) {
    font-size: 11pt !important;
    top: 24px !important;
    left: -24px !important;
}
#\30 607_pc span:nth-child(2) {
    width: 79px !important;
    height: 101px !important;
    float: left;
}

.annai {
    font-size: 9pt;
    margin-top: 50px;
}

.paypay03 {
    display: block !important;
}

#weekshop1 {
    position: absolute;
    left: 34%;
}
#weekshop2 {
    position: absolute;
    left: 67%;
}


#douga img {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.7;
    height: 60px;
    width: 80px;
}

.top_slider img {

    height: 164px !important;

}

#tenugui-text img {
    width: 100%;
}

#menu_text {
margin-top: 34px;
}


#detail span {

    position: relative !important;

}

#douga {

    position: relative;
    width: 33% !important;
    top: -1px !important;
    height: 33% !important;
    display: inline-block;
    float: left;

}
#douga iframe {

    top: 0;
    right: 0;
    width: 100% !important;
    height: 133px !important;

}

#mobile1116 {
    width: 100%;
    display: block;
}
#mobile1116 td {
    width: 100%;

display: block;
}



#hpb-template-08-02-01\ 123 #item {
    margin-bottom: 190px !important;
margin-top: 48px !important;
}

#campaign {
    z-index: 1;
    position: relative;
}

#img_mobile video {
    margin-top: 18px !important;
}

#hpb-template-08-02-01 #item {

    margin-bottom: 150px !important;

}

#gw {
    margin-top: 32px !important;
    display: block;
    height: auto !important;
}
#gw div {
    width: 100% !important;
    display: -moz-groupbox;
}
#gw-photo {
    height: 167px !important;
}

.hidden_show td {
    width: 98px;
}

.switchBtn {
z-index: 2;
display: block !important;
    text-align: center;
    clear: both;
position: fixed;
left: 5px;
top: 5px;
padding: 3px;
font-weight: bold;
font-size: 11pt;
}
.switchBtn a {
    padding: 0px 16px;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    background: #efefef;
    border: #333 solid 1px;
    text-decoration-line: none;
}


.top_slider {
    margin-bottom: 221px !important;
}



#hpb-container {
    width: 100%;
margin-top: 97px;
}

#m-header {
    display: none;
}

#m-header2 {
    position: fixed;
top: 0;
margin: auto;
left: 0;
right: 0;
text-align: center;
background-color: white;
padding: 6px;
}

#hpb-header {
    display: none;
}

#hpb-header-mobile {
    display: block !important;
position: fixed;
z-index: 2;
top: 0;
height: 189px;
}

#hpb-header2 {
    position: fixed;
top: 42px;
width: 100%;
font-size: 7.8pt;
z-index: 1;
}
#hpb-headerExtra2-m {
padding-top: 3px;
padding-bottom: 3px;
text-align: center;
background: #6A4B2E;
font-size: 8.5pt;
}
#hpb-headerExtra2-m a {
    margin-left: 14px;
}
#hpb-headerExtra2-m a:link {
    color: #FFFFFF;
    text-decoration: none;
}
#hpb-headerExtra2-m a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
#hpb-headerExtra2-m a:hover {
    color: #C2A78D;
    text-decoration: underline;
}
#hpb-headerExtra2-m a:active {
    color: #C2A78D;
    text-decoration: underline;
}

.itemlist #week {
width: 100%;
position: absolute;
margin-top: 32px;
left: 0;
right: 0;
}


#hpb-wrapper {
width: 100% !important;
margin-bottom: 100px;
}

#item {
margin-top: 26px;
}



#m-category {
margin-top: 69px;
}
#m-category table {
width:100%;
border-collapse: collapse;
}
#m-category table th {
border: 1px solid #b9b9b9;
background-color:#CACACA;
padding:3px;
}
#m-category table td {
border: 1px solid #b9b9b9;
text-align:center;
padding:2px;
width: 33%;
background-color: #fff;
color: #000;
font-weight: bold;
}
#m-category table tr:hover {
background-color: #FFCC99;  /* マウスオーバー時の行の背景色 */
}
#m-category table td:hover {
background-color: #CCFFFF;  /* マウスオーバー時のセルの背景色 */
}

#m-category a {
  color: #000;
  text-decoration: none;
  }

.koushin {
  width: 100%;
  }
.koushin td.text {
  width: 30%;
padding: 0;
  }

#twitter-widget-0, #twitter-widget-1 {
  height: 230px !important;
margin-bottom: 15px !important;
  }

#facebook-pc {
  display: none;
  }
#facebook-m {
  display: block !important;
  }



#hpb-nav {
  display: none !important;
  }

#pagetop {
  position: fixed !important;
bottom: 5px;
right: 10px;
z-index: 1;
  }

.insta {
    display: block !important;
}


/*モバイル用右上メニュー*/

#mobile-menu {
    display: block !important;
    position: fixed;
    top: 5px;
    right: 5px;
    z-index: 10;
    height: 100%;
overflow-y: scroll;
}

.openNav nav {
    display: block !important;
margin-top: -315px;
margin-right: 31px;
background: #6d4a2a;
width: 100%;
overflow: scroll;
}
.openNav a:link {
    color: white;
}
.openNav a:hover {
    color: white;
}

#navToggle {
    display:none; /*通常時は非表示にしておきます*/
    position: fixed;
right: 10px;
top: 10px;
    width:30px;
    height:25px;
    cursor:pointer}
#navToggle div {position:relative} /*spanの絶対位置指定の親にします*/
#navToggle span {
    display:block;
    position:absolute; /*#navToggle div に対して*/
    width:100%;
    border-bottom:solid 3px #999;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out}
#navToggle span:nth-child(1) {top:0}
#navToggle span:nth-child(2) {top:11px}
#navToggle span:nth-child(3) {top:22px}

/*header menu*/
　/*nav要素は絶対位置指定にして、ビューの外側に置いて見えなくします。
　　nav の中の ul li は横並びを解除して縦組みにレイアウトし直します。*/
header nav {
    position: absolute; /*bodyに対しての絶対位置*/
    right:0;
    top: -300px; /*通常時はビュー外*/
    background:rgba(255,255,255,.7);
    width:50%;
    padding:0 10px;
    -webkit-transition:.5s ease-in-out; /*transitionで動きを*/
    -moz-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    text-align:left}
header ul {margin:0}
header ul li {
    display:block;
    margin:0;
    border-bottom:dotted 1px #fff;
    line-height:3}
header ul li a {display:block}
header ul li::after {content:''}
header ul li:last-child {border-bottom:none}
 
/* Toggle(Button) */
/*display:noneだったボタンを display:blockにして表示します*/
#navToggle {display: block;}
/* Click Toggle(Button) */
.openNav #navToggle span:nth-child(1) {
	top: 11px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)}
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
	top: 11px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg)}
/*header menu*/
.openNav nav {
	-moz-transform: translateY(351px);
	-webkit-transform: translateY(351px);
	transform: translateY(351px)}


.mobile-content {
display: none !important;
}

#facebook-mobile {
display: block !important;
}
#twitter-mobile {
display: block !important;
}

#banner {
display: none !important;
}

#hpb-footerExtra1 {
display: none !important;
}

#mobile-cale iframe {
margin-top: -76px;
}

#shopinfo {
width: 100% !important;
}

#mobile-seta {
width: 50% !important;
}

#hpb-footerMain p {
margin-bottom: 17px;
margin-top: -54px;
}

#item .item {
    width: 49% !important;
margin: unset;
height: 100%;
background-color: unset;
min-height: 381px;
border: solid 1px #fff;
height: 430px;
}

#side {
    display: none !important;
}

.hpb-layoutset-02 h2 {
    margin-top: 35px !important;
}

#pic img {
    width: 50%;
height: 50%;
}

#repair img {
width: 100%;
}

#tenugui {
display: none !important;
}
#tenugui-mobile {
display: block !important;
margin-top: 72px;
}

#tenugui-text {
margin: unset;
}

#hpb-main {
height: auto !important;
margin-top: 6px !important;
}

.hpb-layoutset-02 h2 span.ja font {
    font-size: 8pt;
}

#hpb-title\ week {
    width: 100%;
    position: absolute;
    margin-top: 32px;
    left: 0;
    right: 0;
}

#privacy {
    margin-top: 53px;
}

#hpb-main img {
    display: flex;
}

#hpb-main img.right {
width: 50%;
height: 50%;
}

#hpb-main img.left {
width: 100%;
height: 100%;
}

#detail {
    width: 100%;
position: relative;
}

#sidebar {
    width: 100%;
}

#sidebar form:nth-child(1) {
    position: fixed !important;
    bottom: 0px;
    left: 10px;
    background: #ececec;
    width: 100%;
    opacity: 0.8;
    padding: 5px;
font-weight: bold;
}

#sidebar form:nth-child(2) {
    position: fixed !important;
bottom: 40px;
right: 10px;
}

#sidebar iframe {
    display: none;
}

#sidebar table {
    width: 100%;
}

.scrollFixIt {
display: none;
}

#book {
width: 100%;
height: 100%;
}

#book-select select {
    width: 100%;
}

.hpb-parts-cnt-01.hpb-parts-cnt-style.clearfix img {
    width: 100%;
    height: 100%;
}

.hpb-parts-cbox-01.hpb-parts-cbox-style.clearfix table {
    width: 100%;
}

#mark {
display: none;
}

.marqueeRightLeft {
position: relative !important;
height: 22px;
top: 87px;
}

#haisou {
display: block !important;
width: 100%;
}

.item.none {
    display: none;
}

#noren-mobile img {
    width: 100%;
    height: 100%;
}

#hpb-template-02-03-01\ kawara-mobile img {
    width: 100%;
    height: 100%;
}

#HPB_TABLE_1_A_140124165453 {
    width: 100%;
}

#costForSend {
    overflow-x: scroll;
    width: 100% !important;
}

#font-mobile {
font-size: 1.0em !important;
}

#detail p {
    width: 100% !important;
}

#summer img {
    height: auto !important;
    max-width: 200px;
}

.hidden_box span {
    font-size: 0.8em !important;
    text-align: left !important;
    top: 0 !important;
    bottom: 0 !important;
}

.hidden_box img {
    width: 100%;
}

#hpb-template-08-02-01\ media h2 span font {
    font-size: 7pt !important;
}

#hpb-template-08-02-01\ media h3 {
    font-size: 9pt !important;
}

#hpb-template-08-02-01\ media img {
    width: 100%;
height: auto;
}

#hpb-template-08-02-01\ media select {
    width: 100%;
}



}




/*インスタフォローボタン*/
a.insta_btn2{/*ボタンの下地*/
color: #FFF;/*文字・アイコン色*/
border-radius: 5px;/*角丸に*/
position: relative;
display: inline-block;
height: 25px;
width: 119px;
text-align: center;/*中身を中央寄せ*/
font-size: 11px;/*文字のサイズ*/
line-height: 20px;/*高さと合わせる*/
vertical-align: middle;/*垂直中央寄せ*/
background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
overflow: hidden;/*はみ出た部分を隠す*/
text-decoration:none;/*下線は消す*/
vertical-align: top;/*並べた時のズレを修正*/
}

.insta_btn2 .fa-instagram{/*アイコン*/
font-size: 12px;/*アイコンサイズ*/
position: relative;
top: 1px;/*アイコン位置の微調整*/
}
.insta_btn2 span {/*テキスト*/
display:inline-block;
position: relative;
transition: .5s
}
/*インスタフォローボタンここまで*/


/*21日用java*/
#responsive-slider {
	margin: 0 auto;
}
#slide img {
	position: absolute;
margin: auto;
left: 0;
right: 0;
}
#thumbnail {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	list-style: none;
}

#thumbnail li {
    width: 25%;
}

.mobiletopphoto img {
  width: 33.3%;
margin-bottom: -9px;
}





/* レスポンシブ対応用 */
@media screen and (max-width:640px){
  /*640px以下で適用する内容(iPhone7)*/

#mobile-menu nav ul li:hover {
    background-color: #5F9797;
}

.table-a tbody tr:nth-child(4) td:nth-child(3), .table-a tbody tr:nth-child(5) td:nth-child(3) {
  font-size: 7pt !important;
}

.hidden_show td {
    width: 79px;
}

.mobiletopphoto {
  margin-top: 97px;
}
.mobiletopphoto img {
  width: 32% !important;
}

#hpb-headerExtra2-m {
    font-size: 7.0pt !important;
}

#hpb-header2 {
    font-size: 7.2pt;
}

#item .item {
    min-height: 392px;
}

.switchBtn a {
padding: 0px 8px !important;
}

#photo {
width: 100％ !important;
height: 299px !important;
}

#hpb-inner {
    padding-top: 45px !important;
}


#responsive-slider {
    display: none !important;
}

#responsive-slider-m {
    display: block !important;
}

#cvs {
    width: 100% !important;
    background-size: contain !important;
}

}