@charset "shift_jis";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);

/*--------------------------------------------------------------------------------*
* ショッピングページ共通のCSS
* ヘッダー、フッター、共通サイドバー等
*--------------------------------------------------------------------------------*/

html {
    font-size: 62.5%;
}

body {
    /*    font-family: "ＭＳ Ｐゴシック", Meiryo, Osaka, "MS UI GOTHIC", "メイリオ";*/
    font-family: -apple-system, "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN W3", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", "Meiryo", Arial, Verdana, Roboto, 'arial', "Yu Gothic Medium", "游ゴシック Medium", "YuGothic Medium", "游ゴシック", "Meiryo UI", Osaka, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #000000;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 14px;
    line-height: 1.4rem;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

a {
    text-decoration: none;
}

a:link {
    color: #5C3F34;
}

a:visited {
    color: #80664A;
}

a:hover {
    color: #e16052;
}

a:active {
    color: #e16052;
    /*#1B9CCD*/
}

a img:not([class*="noanimate"]) {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2 ease;
}

a:hover img:not([class*="noanimate"]) {
    opacity: 0.7;
}


/* clearfix */

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

.clearfix {
    display: inline-table;
}


/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}


/* End hide from IE-mac */

img {
    border: 0px;
}


/*--------------------------------------------------------------------------------*
* 2 ヘッダー
*--------------------------------------------------------------------------------*
**********************************************************************************/

#Header .Search form {
    margin: 0;
    padding: 0;
}

#Header img {
    vertical-align: bottom;
}


/*
* 2.1.1 ヘッダー部分の臨時ニュース
*----------------------------------------*/

.header_news {
    margin: 5px 0;
    padding: 5px;
    background: #FFEAE1;
    color: #D53000;
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    /*height: 20px;*/
    /*height１行20px 2行36px 3行 52px*/
}

.header_news * {
    font-size: 1.2rem;
}


/*
* 2.3 ヘッダー部分の画像バナー広告
*----------------------------------------*/

#HeadlineSaleBanner {
    margin: 0;
}

#HeadlineSaleBanner ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#HeadlineSaleBanner ul li {
    float: left;
    margin-left: 6px;
}


/*
* 2.4 ヘッダー部分のテキスト広告
*----------------------------------------*/

#HeadlineLink {
    margin: 0px;
    padding: 0px;
    font-size: 97%;
    text-align: center;
}

#HeadlineLink ul,
#HeadlineLink ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#HeadlineLink ul li {
    white-space: nowrap;
    padding: 0 9px;
    display: inline-block;
}

*+html #HeadlineLink ul li {
    display: inline;
}


/* for IE7 */

#HeadlineLink ul li a {
    background: url(https://www.rakuten.ne.jp/gold/chanet/image/common/icon/arrow02a.gif) no-repeat left center;
    padding-left: 13px;
}


/*
* 2.5 ヘッダーカテゴリリスト Update:2013/3/15
*----------------------------------------*/

.HeaderCatlist {
    width: 1040px;
    background: #ffffff;
}

.HeaderCatlist dl {
    width: 169px;
    height: 140px;
    float: left;
    margin: 1px;
    margin: 2px;
}

.HeaderCatlist dt {
    background: #00adec;
    border-radius: 3px;
}

.HeaderCatlist dt a {
    position: relative;
    display: block;
    padding: 5px;
    color: #fff;
    font-size: 12px;
}

.HeaderCatlist dt * {
    color: #ffffff !important;
}

.HeaderCatlist dt .icon {
    position: absolute;
    overflow: hidden;
    display: block;
    width: 75px;
    height: 35px;
    right: 3px;
    top: -5px;
    text-indent: -100px;
    background-position: right top;
    background-repeat: no-repeat;
}

#HeaderCatlist_dog2 .icon {
    background-image: url(/gold/chanet/image/cat/icon/caticon_dog.png);
}

#HeaderCatlist_dogfood .icon {
    background-image: url(/gold/chanet/image/cat/icon/caticon_dogfood.png);
}

#HeaderCatlist_neko2 .icon {
    background-image: url(/gold/chanet/image/cat/icon/caticon_neko.png);
}

#HeaderCatlist_nekofood .icon {
    background-image: url(/gold/chanet/image/cat/icon/caticon_nekofood.png);
}

#HeaderCatlist_animal .icon {
    background-image: url(/gold/chanet/image/cat/icon/caticon_animal.png);
}

#HeaderCatlist_gardening .icon {
    background-image: url(/gold/chanet/image/cat/icon/caticon_gardening.png);
}

#HeaderCatlist_interior .icon {
    background-image: url(/gold/chanet/image/cat/icon/caticon_interior.png);
}

#HeaderCatlist_nitiyo .icon {
    background-image: url(/gold/chanet/image/cat/icon/caticon_nitiyo.png);
}

#HeaderCatlist_aqua1 .icon {
    background-image: url(/gold/chanet/image/cat/icon/caticon_aqua1.png);
}

#HeaderCatlist_aqua2 .icon {
    background-image: url(/gold/chanet/image/cat/icon/caticon_aqua2.png);
}

#HeaderCatlist_kame .icon {
    background-image: url(/gold/chanet/image/cat/icon/caticon_kame.png);
}

#HeaderCatlist_insect .icon {
    background-image: url(/gold/chanet/image/cat/icon/caticon_insect.png);
}

#HeaderCatlist_fish .icon {
    background-image: url(/gold/chanet/image/cat/icon/caticon_fish.png);
}

#HeaderCatlist_kingyo .icon {
    background-image: url(/gold/chanet/image/cat/icon/caticon_kingyo.png);
}

#HeaderCatlist_mizukusa .icon {
    background-image: url(/gold/chanet/image/cat/icon/caticon_mizukusa.png);
}

#HeaderCatlist_kaisuigyo .icon {
    background-image: url(/gold/chanet/image/cat/icon/caticon_kaisuigyo.png);
}

#HeaderCatlist_sango .icon {
    background-image: url(/gold/chanet/image/cat/icon/caticon_sango.png);
}

#HeaderCatlist_kaisui .icon {
    background-image: url(/gold/chanet/image/cat/icon/caticon_kaisuikigu.png);
}

.HeaderCatlist dd {
    line-height: 18px;
    font-size: 12px;
    margin-left: 0;
}

.HeaderCatlist ul {
    list-style: none;
    margin: 3px 0;
    padding: 0;
}

.HeaderCatlist li {}

.HeaderCatlist dd a {
    background: url(/gold/chanet/image/common/icon/arrow02a.gif) no-repeat -1px 0.2em;
    padding-left: 10px;
}

.HeaderCatlist .alllink a {
    color: #00a4e0;
}


/* サブカテゴリ */

.HeaderSubCatlist {
    margin-bottom: 5px;
}

.HeaderSubCatlist dl {
    height: 40px;
}

.HeaderSubCatlist dt {
    height: 40px;
    width: 169px;
}

.HeaderSubCatlist dt a {
    line-height: 30px;
    height: 30px;
    font-size: 0.9em;
    cursor: pointer;
}

.HeaderSubCatlist dt .icon {
    top: 3px;
    right: 5px;
}


/* リンク先が複数 */

.HeaderCatPlurallist {
    position: relative;
    height: 40px;
    width: 169px;
}

.HeaderCatPlurallist a {
    float: left;
    display: inline;
}


/*
* 2.6 ヘッダー店舗リンク Update:2012/6/1
*----------------------------------------*/

.HeaderStoreLink {
    margin-top: 10px;
}

.HeaderStoreLink ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.HeaderStoreLink ul li {
    float: left;
    line-height: 1em;
}

.HeaderStoreLink ul li:first-child {
    border: none;
}

.HeaderStoreLink ul li a {
    outline: none;
    display: block;
    margin: 0 2px;
    padding: 0 5px;
    background: #F7F7F7;
    border-radius: 3px;
}

.HeaderStoreLink ul li a:hover {
    background: #e3faff;
}


/*
* 2.x ヘッダー用iframe
*----------------------------------------*/

#header_iframe {
    width: 1040px;
    height: 400px;
    /* 広告の幅が広がった時ここを調整 デフォルト480pxで固定 */
    margin-bottom: 3px;
    position: relative;
}


/* ロイヤルカナン用ヘッダー */

#header_iframe_royalcanin {
    width: 1040px;
    height: 530px;
    margin-bottom: 3px;
    position: relative;
}


/* マース用ヘッダー */

#header_iframe_mars {
    width: 1040px;
    height: 200px;
    margin-bottom: 3px;
    position: relative;
}


/* アイムス用ヘッダー */

#header_iframe_iams {
    width: 1040px;
    height: 180px;
    margin-bottom: 3px;
    position: relative;
}


/* 他プレミアム用ヘッダー */

#header_iframe_zero {
    width: 1040px;
    height: 200px;
    margin-bottom: 3px;
    position: relative;
}

.HeaderStore .Search {
    margin: 10px 0 0 5px;
}

.sitem_txt {
    border: 1px solid #ccc;
    border-radius: 2px;
    outline: none;
    width: 160px;
    display: inline;
    margin: 0;
    padding: 2px;
    vertical-align: bottom;
}

.sitem_txt:focus {
    border: 1px solid #76cff0;
    box-shadow: 0 0 2px #76cff0;
}


/* 追加：2014/1/29 */

.hd_search_sf_label {
    display: inline-block;
    width: 50px;
    height: 20px;
    font-size: 10px;
    line-height: 10px;
    _zoom: 1;
}

.HeaderStore .sitem_txt {
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: middle;
}

html.HeaderStore .sitem_txt {
    /* IE7-IE6 */
    padding-top: 0;
    padding-bottom: 0;
    height: 25px;
    line-height: 23px;
}


/* iframeの高さ調整 */

#header_bnrcat {
    height: 400px;
}


/*
* 2.8 ヘッダー広告用iframe 中身
*----------------------------------------*/

#header_container {
    border: 0;
    position: relative;
    color: #666;
    overflow: hidden;
}

*:first-child+html #header_container * {
    zoom: 1;
}

*:first-child+html #header_container ul,
*:first-child+html #header_container ol,
*:first-child+html #header_container li {
    zoom: normal;
}

#header_contents a:link {
    color: #666;
}

#header_contents a:visited {
    color: #666;
}

#header_contents a:hover {
    color: #666;
}

#header_contents a:active {
    color: #666;
}

#header_contents {
    width: 1040px;
    font-size: 13px;
    color: #666666;
    text-align: left;
}

#header_hitbanner {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 1040px;
}

#header_hitbanner img {
    margin: 0;
    padding: 0;
    border: 0;
    zoom: 1;
}

#header_hitbanner ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#header_hitbanner .hd_leftbanner {
    width: 176px;
    height: 104px;
    float: left;
}

#header_hitbanner .hd_rightbanner {
    float: left;
}

#header_hitbanner .banner_top {
    margin-bottom: 4px;
}

#header_hitbanner .banner_bottom {}

#header_hitbanner .banner_top li {
    float: left;
    margin-left: 3px;
    overflow: hidden;
}

#header_hitbanner .banner_bottom li {
    float: left;
    margin-left: 3px;
    overflow: hidden;
}

#header_hitbanner .bnr_cam {
    width: 428px;
    height: 50px;
}

#header_hitbanner .bnr_cam img {
    width: 427px;
    height: 50px;
}


/*
* point. 特別ポイントバナー枠
*----------------------------------------*/

#sidebar_point_scrolling {
    position: fixed !important;
    position: absolute;
    right: 10px;
    top: 20px;
    /*display:none;*/
    /* 非表示。表示する時は消す */
}

.sidebar_point_scrolling {
    position: fixed !important;
    position: absolute;
}


/* 左縦バナー */

#left_topsidebar {
    left: 10px;
    top: 20px;
    /*display:none;*/
    /* 非表示。表示する時は消す */
}


/* 右縦バナー */

#right_topsidebar {
    right: 10px;
    top: 20px;
    /*display:none;*/
    /* 非表示。表示する時は消す */
}


/* 大バナー */

#hd_pointbigbanner {
    margin: 0 0 5px 0;
    display: none;
    /* 非表示。表示する時は消す */
}

@media screen and (max-width: 1249px) {
    #sidebar_point_scrolling {
        display: none;
    }

    .sidebar_point_scrolling {
        display: none;
    }
}


/* バナーjs表示/非表示切り替え用
*----------------------------------------*/

.banner_time:not(.view) {
    display: none;
}


/* 特別セール Update:2015/2/21
*----------------------------------------*/

.spcial_topsale {
    margin: 0px;
    padding: 0px;
    width: 852px;
    list-style: none outside;
}

.spcial_topsale li {
    float: left;
    margin: 3px;
}

.spcial_topsale li * {
    cursor: pointer;
    margin: 0;
    padding: 0
}

.spcial_topsale li:first-child,
.spcial_topsale li:nth-child(4n+1) {
    margin-left: 1px;
}

.spcial_topsale li img {
    border: 0;
}

.spcial_topsale li a {
    display: block;
    width: 205px;
    height: 128px;
    color: #222222;
    border: 1px solid #ccc;
    text-decoration: none;
    text-align: left;
    position: relative;
}

.spcial_topsale .sp_pet {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

.spcial_topsale .sp_pet_dog,
.spcial_topsale .sp_pet_cat,
.spcial_topsale .sp_pet_aqu,
.spcial_topsale .sp_pet_lat,
.spcial_topsale .sp_pet_aml,
.spcial_topsale .sp_pet_gnd,
.spcial_topsale .sp_pet_fsh,
.spcial_topsale .sp_pet_mzk,
.spcial_topsale .sp_pet_umi,
.spcial_topsale .sp_pet_kin {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 47px;
    height: 47px;
}

.sp_pet_dog {
    background: url(https://www.rakuten.ne.jp/gold/chanet/image/sale/icon/ctgicon_dog.png) top left no-repeat;
}

.sp_pet_cat {
    background: url(https://www.rakuten.ne.jp/gold/chanet/image/sale/icon/ctgicon_cat.png) top left no-repeat;
}

.sp_pet_aqu {
    background: url(https://www.rakuten.ne.jp/gold/chanet/image/sale/icon/ctgicon_aqu.png) top left no-repeat;
}

.sp_pet_lat {
    background: url(https://www.rakuten.ne.jp/gold/chanet/image/sale/icon/ctgicon_lat.png) top left no-repeat;
}

.sp_pet_aml {
    background: url(https://www.rakuten.ne.jp/gold/chanet/image/sale/icon/ctgicon_aml.png) top left no-repeat;
}

.sp_pet_gnd {
    background: url(https://www.rakuten.ne.jp/gold/chanet/image/sale/icon/ctgicon_gnd.png) top left no-repeat;
}

.sp_pet_fsh {
    background: url(https://www.rakuten.ne.jp/gold/chanet/image/sale/icon/ctgicon_fsh.png) top left no-repeat;
}

.sp_pet_mzk {
    background: url(https://www.rakuten.ne.jp/gold/chanet/image/sale/icon/ctgicon_mzk.png) top left no-repeat;
}

.sp_pet_umi {
    background: url(https://www.rakuten.ne.jp/gold/chanet/image/sale/icon/ctgicon_umi.png) top left no-repeat;
}

.sp_pet_kin {
    background: url(https://www.rakuten.ne.jp/gold/chanet/image/sale/icon/ctgicon_kin.png) top left no-repeat;
}

.spcial_topsale .sp_image {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
}

.spcial_topsale .sp_cont {
    position: relative;
    left: 0;
    top: 0;
    width: 100px;
    font-size: 13px;
}

.spcial_topsale .sp_name {
    display: block;
    height: 70px;
    position: relative;
    font-size: 12px;
    line-height: 13px;
    left: 10px;
}

.spcial_topsale .sp_price {
    position: relative;
    left: 10px;
    font-size: 20px;
    line-height: 20px;
    color: #F4063A;
    font-weight: bold;
}

.spcial_topsale .sp_lstdays {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 110px;
    line-height: 15px;
    text-align: right;
    background: url('https://www.rakuten.ne.jp/gold/chanet/image/sale/icon/salebg_days.png') top left no-repeat;
    _background: none;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.rakuten.ne.jp/gold/chanet/image/sale/icon/salebg_days.png', sizingMethod='crop');
    overflow: hidden;
}

.spcial_topsale .sp_lstdays p {
    margin: 0;
    padding: 0;
    display: inline;
    position: relative;
    color: #fff;
    width: 100%;
    font-size: 11px;
    padding-right: 5px;
}

.spcial_topsale .sp_meker {
    margin-left: 5px;
}

.spcial_topsale .sp_name,
.spcial_topsale .sp_price {
    filter: dropshadow(color=#ffffff, offX=0, offY=-1) dropshadow(color=#ffffff, offX=1, offY=0) dropshadow(color=#ffffff, offX=0, offY=1) dropshadow(color=#ffffff, offX=-1, offY=0);
    text-shadow: 0px -1px 0px #fff, 1px 0px 0px #fff, 0px 1px 0px #fff, -1px 0px 0px #fff;
}

ul.spcial_topsale.spcial_ctgver li a {
    width: 161px;
    height: 90px;
    padding: 0;
}


/* ３列用 class:threecolumn */

ul.spcial_topsale.threecolumn li a {
    width: 275px;
}

ul.spcial_topsale.threecolumn .sp_cont {
    width: 150px;
}

ul.spcial_topsale.spcial_ctgver.threecolumn li a {
    width: 215px;
}

ul.spcial_topsale.spcial_ctgver.threecolumn .sp_cont {
    width: 120px;
}


/* ポイントセール */

#pointsale_wrap h4 {
    padding: 0;
    background: none;
}

#pointsale_wrap .point_cat_wrap {
    margin-bottom: 30px;
}

#pointsale_wrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
    letter-spacing: -4em;
}

#pointsale_wrap .point_item_list {
    display: table;
    width: 100%;
}

.point_item_list .point_item {
    display: inline-block;
    padding: 3px;
    width: 215px;
    width: calc(100% / 4);
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: normal;
    box-sizing: border-box;
    vertical-align: top;
}

.point_item_list .point_item a {
    border: 1px solid #ddd;
    position: relative;
    display: block;
}

.point_item_list .point_item a:hover {
    background: #fffff0;
}

.point_item_list .point_item .img {
    margin: 6px;
}

.point_item_list .point_item .img img {
    width: 100%;
    height: auto;
}

@media screen and (min-width: 850px) {

    /* 画像が伸びる現象 */
    .point_item_list .point_item .img img {
        width: 186px;
        height: 186px;
    }
}

.point_item .description {
    height: 2.5em;
    padding: 2px 6px;
}

.point_item .description .name {
    line-height: 1.4;
    margin: 0;
    font-size: 12px;
    font-size: 1.2rem;
}

.point_item .point {
    display: block;
    color: #ff1d25;
    font-size: 120%;
    text-align: right;
    padding: 5px 6px 0 0;
    height: 40px;
}

.point_item a .point span {
    font-size: 200%;
    font-weight: bold;
    line-height: 1.1em;
}


/* IE7 hack */

*:first-child+html .point_item a .point span {
    font-size: 190%;
}

.point_item a .sale_end_date {
    display: block;
    background: #efefef;
    width: 100%;
    text-align: center;
    padding: 4px 0;
}


/* ポイントセール　ショートバナー（横1/3）
====================================== */

.point_item_list .point_item.short {
    width: 271px;
    width: calc(100% / 3 - 12px);
}

.point_item.short .img {
    text-align: center;
}

.point_item.short .description .name {
    font-size: 110%;
    line-height: 110%;
}

.point_item.short .point {
    font-weight: bold;
    font-size: 120%;
}


/* ポイントセール　ミドルバナー（横1/2）
====================================== */

.point_item_list .point_item.medium {
    width: 410px;
    width: calc(100% / 2 - 14px);
    height: auto;
}

.point_item.medium .img {
    float: right;
    width: 160px;
    height: 160px;
}

.point_item.medium .img img {
    max-width: 100%;
    max-height: 100%;
}

.point_item.medium .description {
    height: 90px;
}

.point_item.medium .description .name {
    font-size: 140%;
    line-height: 140%;
    margin: 5px;
}

.point_item.medium .sale_end_date {
    width: 229px;
    width: calc(100% - 180px);
    position: absolute;
    bottom: 5px;
    left: 5px;
    border-radius: 5px;
}

.point_item.medium .point {
    font-weight: bold;
    font-size: 160%;
}

.point_item.medium .point span {
    font-size: 160%;
}


/* ポイントセール　ロングバナー（横1/1）
====================================== */

.point_item_list .point_item.long {
    width: 832px;
    width: calc(100% - 18px);
    height: auto;
}

.point_item.long a {
    padding: 2px;
}

.point_item.long .img img {
    margin-top: -20%;
}

@media screen and (min-width: 850px) {

    /* 画像が伸びる現象 */
    .point_item_list .point_item.long a .img img {
        width: 260px;
        height: 260px;
    }
}

.point_item.long .img {
    width: 40%;
    max-width: 260px;
    overflow: hidden;
    height: 130px;
    margin: 0;
    float: left;
}

.point_item.long .description {
    height: 40px;
}

.point_item.long .description .name {
    font-size: 20px;
}

.point_item.long .point {
    font-size: 160%;
    font-weight: bold;
}

.point_item.long .sale_end_date {
    margin: 0;
    width: 55%;
    max-width: 300px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    border-radius: 5px;
}


/* カテゴリトップ */

ul.spcial_topsale.spcial_ctgver {
    width: 660px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: -1px;
    display: inline-block;
}

ul.spcial_topsale.spcial_ctgver li {
    margin: 1px;
}

ul.spcial_topsale.spcial_ctgver li a {
    width: 161px;
    height: 90px;
}

.spcial_ctgver .sp_image {
    width: 80px;
    height: 80px;
}

.spcial_ctgver .sp_name {
    left: 5px;
    font-size: 10px;
    height: 45px;
}

.spcial_ctgver .sp_price {
    font-size: 16px;
}

.spcial_ctgver .sp_meker {
    background: #fff;
    width: 55px;
    height: 22px;
}

.spcial_ctgver .sp_lstdays {
    width: 90px;
    line-height: 14px;
}

.spcial_ctgver .sp_lstdays p {
    font-size: 10px;
}

.spcial_ctgver .sp_price {
    left: 5px;
}

.spcial_ctgver .sp_pet_dog,
.spcial_ctgver .sp_pet_cat,
.spcial_ctgver .sp_pet_aqu,
.spcial_ctgver .sp_pet_lat,
.spcial_ctgver .sp_pet_aml,
.spcial_ctgver .sp_pet_gnd,
.spcial_ctgver .sp_pet_fsh,
.spcial_ctgver .sp_pet_mzk,
.spcial_ctgver .sp_pet_umi {
    display: none;
}


/* カテゴリトップ ポイントセール */

.spcial_topsale.category_point {
    padding: 5px 0;
    text-align: center;
    width: 660px;
}

.spcial_topsale.category_point img {
    float: left;
    margin: 2px 3px;
    vertical-align: baseline;
    width: 24%;
}

.spcial_topsale.category_point:after {
    content: "";
    display: block;
    clear: both;
}

#cat_pointsale_wrap {
    margin-bottom: 12px;
    font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#cat_pointsale_wrap h4 {
    margin: 0 0 5px 0;
}

#cat_pointsale_wrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#cat_pointsale_wrap .point_item {
    width: 164px;
    width: 24%;
    width: -webkit-calc;
    width: calc(100% / 4 - 4px);
}

#cat_pointsale_wrap .point_item a .description {
    height: 30px;
    height: 3rem;
}

#cat_pointsale_wrap .point_item_list .pointsale_long {
    width: auto;
    margin: 5px 2px;
}

#cat_pointsale_wrap .point_item a .point {
    font-size: 16px;
    font-size: 1.6rem;
    height: 34px;
    height: 3.4rem;
}

#cat_pointsale_wrap .point_item a .point span {
    font-size: 24px;
    font-size: 2.4rem;
}


/* ポイントセール　ショートバナー（横1/3） */

#cat_pointsale_wrap .point_item.short {
    width: 215px;
    width: calc(100% / 3 - 5px);
}


/* ポイントセール　ミドルバナー（横1/2） */

#cat_pointsale_wrap .point_item.medium {
    width: 328px;
    width: calc(100% / 2 - 6px);
}

#cat_pointsale_wrap .point_item.medium .img {
    width: 130px;
    height: 130px;
}

#cat_pointsale_wrap .point_item.medium .description .name {
    font-size: 120%;
}

#cat_pointsale_wrap .point_item.medium .description {
    height: 70px
}

#cat_pointsale_wrap .point_item.medium .point {
    font-size: 120%;
}

#cat_pointsale_wrap .point_item.medium .sale_end_date {
    width: 172px;
    width: calc(100% - 150px);
}


/* ポイントセール　ロングバナー（横1/1） */

#cat_pointsale_wrap .point_item.long {
    width: 656px;
    width: calc(100% - 8px);
}

#cat_pointsale_wrap .point_item.long .img {
    height: 110px;
}

#cat_pointsale_wrap .point_item.long .description .name {
    font-size: 16px;
}

#cat_pointsale_wrap .point_item.long .sale_end_date {
    max-width: 200px;
}

@media screen and (min-width: 850px) {

    /* 画像が伸びる現象 */
    #cat_pointsale_wrap .point_item .img img {
        width: 147px;
        height: 147px;
    }

    #cat_pointsale_wrap .point_item.long .img img {
        width: 260px;
        height: 260px;
    }
}


/* カテゴリトップ　レフトバナー */

#left_box .spcial_ctgver {
    width: 162px !important;
    margin-left: 0;
}

#left_box .spcial_ctgver li {
    margin: 0;
}


/*--------------------------------------------------------------------------------*
* 3 左メニュー
*--------------------------------------------------------------------------------*
**********************************************************************************/

#LeftNavi {
    float: left;
    width: 174px;
}

#LeftNavi a {
    text-decoration: none;
    color: #644821;
}

#LeftNavi img {
    vertical-align: bottom
}

#LeftNavi {
    width: 174px;
    padding-top: 0px;
}

#LeftNavi .sitem_txt {
    display: block;
    margin: 0 auto 10px;
    width: 150px;
}

#LeftNavi .lnaviBlock.search a.more {
    display: inlune-block;
    line-height: 25px;
    margin: 0 5px;
}


/*
* 3.1 左リストメニュー
*----------------------------------------*/

#LeftMenu {
    width: 172px;
}

#LeftMenu li.item a,
#LeftMenu li.sg a,
#LeftMenu li.sg span {
    display: block;
    padding: 0px 0 0 13px;
    background: url(/gold/chanet/image/common/icon/arrow02a.gif) 1px 50% no-repeat;
    font-size: 12px;
    line-height: 32px;
    zoom: 1;
}

#LeftMenu li.item a:hover,
#LeftMenu li.sg a:hover {
    color: #5B4422;
    background-color: #F5F5F5;
}

#LeftMenu li.sg a,
#LeftMenu li.sg span {
    text-indent: -9999px;
    outline: none;
    line-height: 32px;
}


/* お知らせ */

.block_info {
    background-color: #fafafa;
    text-align: center;
    width: 172px;
    border: 1px solid #ccc;
    margin-bottom: 13px;
}

.block_info .win {
    width: 100%;
    height: 246px;
    padding: 3px;
    box-sizing: border-box;
}

.block_info .win iframe {
    overflow-x: hidden;
    background-color: transparent;
}

.block_info .title {
    overflow: hidden;
}


/*
* 3.2 カレンダー
*----------------------------------------*/

#NewItemCalendar {
    width: 160px;
    margin: 0 auto;
}

#LeftNavi .block {
    border-top: none;
    background: #fff;
}

#LeftMenu,
#LeftMenu ul,
#LeftMenu li {
    margin: 0;
    padding: 0;
    list-style: none;
}


/*
* 3.4 検索ボックス＆カートを見る
*----------------------------------------*/

.lnaviBlock {
    font-size: 12px;
    font-size: 1.2rem;
    border: 1px solid #ddd;
    border-top: none;
    background: #fff;
}

.lnaviBlock form {
    text-align: center;
}

.lnaviBlock .cartview {
    display: block;
    border-top: 1px solid #ddd;
    margin: 10px 0;
    padding-top: 10px;
    text-align: center;
}





/*--------------------------------------------------------------------------------*
* 4 フッター
*--------------------------------------------------------------------------------*
**********************************************************************************/

#Footer {
    width: 1040px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 12px;
}

#Footer p {
    margin: 0;
}

#FooterNotes {
    background: #f2f2f2 url(https://www.rakuten.ne.jp/gold/chanet/image/footer/footer_bg.gif);
    border-top: 2px solid #d9e0e0;
}


/*
* システム生成ページ 見出し02 Update:2012/4/6
*----------------------------------------*/

.SysLabel02 {
    font-size: 14px;
    margin: 10px 0 10px 0;
    padding: 6px 3px;
    background: #ffffff url(https://www.rakuten.ne.jp/gold/chanet/image/common/shbg01.gif);
    color: #63432E;
    border-top: 2px solid #D1E9EF;
    border-bottom: 2px solid #D1E9EF;
    line-height: 1em;
}

.SysLabel02 span {
    background: transparent url(https://www.rakuten.ne.jp/gold/chanet/image/common/icon/ring01a.gif) left center no-repeat;
    display: block;
    padding-left: 20px;
}


/* AVC関西 */

.p-avc__button {
    margin: 10px 0;
}

.p-avc__button>a {
    display: block;
    background: #C0E4F5;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    font-size: 110%;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
    line-height: 1.4em;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 1) inset, 0 0 4px 0 rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

.p-avc__button>a:hover {
    color: #000;
    background: #B1E0EF;
}


/* Askul Logist */

.p-logist__button {
    margin: 10px 0;
}

.p-logist__button>a {
    display: block;
    background: #C0E4F5;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    font-size: 110%;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
    line-height: 1.4em;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 1) inset, 0 0 4px 0 rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

.p-logist__button>a:hover {
    color: #000;
    background: #B1E0EF;
}


/*--------------------------------------------------------------------------------*
* 5 商品詳細
*--------------------------------------------------------------------------------*
**********************************************************************************/

/*
#rakutenLimitedId_aroundCart input {
    font-size: 13px;
    margin-bottom: 3px;
    padding: 2px;
    _font-size: 14px;
    _padding: 0px;
    _margin-top: 2px;
}
*/

/*
* 個数指定List Update:2014/4/7
*----------------------------------------*/

/*
#rakutenLimitedId_aroundCart select {
    vertical-align: middle;
    margin-top: 5px;
    border: 1px solid #B3B3B3;
    border-radius: 2px;
    color: #333333;
    font-size: 25px !important;
    height: 35px;
    padding: 2px;
    width: 65px;
}
*/

/* IE10 */

/*
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    #rakutenLimitedId_aroundCart select {
        font-size: 23px !important;
    }
}
*/

/*
* カート Update:2014/4/7
*----------------------------------------*/
/*
#rakutenLimitedId_aroundCart table:first-child input {
    vertical-align: middle;
    margin-top: 5px;
    font-size: 15px;
    margin-bottom: 3px;
    line-height: 20px;
}

:root #rakutenLimitedId_aroundCart table:first-child input {
    padding: 5px;
    line-height: auto;
}
*/

/*
#rakutenLimitedId_aroundCart input[value="買い物かごに入れる"]{
vertical-align: middle;
margin-top: 5px;
font-size: 15px;
}
*/


/*
* スマホ用メディアクエリ
*----------------------------------------*/

@media screen and (max-width: 1024px) {

    /* コンテンツカラムより小さい */
    /* お知らせ */
    .block_info .win {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* トップセール */
    .spcial_topsale {
        margin: 0px;
        padding: 0px;
        width: 100%;
        list-style: none outside;
    }

    .spcial_topsale li {
        float: left;
        width: 24%;
        margin: 2px;
        overflow: hidden;
        border: 1px solid #ccc;
    }

    .spcial_topsale li * {
        cursor: pointer;
        margin: 0;
        padding: 0
    }

    .spcial_topsale li:first-child,
    .spcial_topsale li:nth-child(4n+1) {
        margin-left: 1px;
    }

    .spcial_topsale li img {
        border: 0;
    }

    .spcial_topsale li a {
        display: block;
        width: 100%;
        height: 120px;
        color: #222222;
        text-decoration: none;
        text-align: left;
        position: relative;
    }

    .spcial_topsale .sp_pet {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
    }

    .spcial_topsale .sp_pet_dog,
    .spcial_topsale .sp_pet_cat,
    .spcial_topsale .sp_pet_aqu,
    .spcial_topsale .sp_pet_lat,
    .spcial_topsale .sp_pet_aml,
    .spcial_topsale .sp_pet_gnd,
    .spcial_topsale .sp_pet_fsh,
    .spcial_topsale .sp_pet_mzk,
    .spcial_topsale .sp_pet_umi {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
        width: 23%;
        height: 35%;
        -moz-background-size: contain;
        background-size: contain;
    }

    .spcial_topsale .sp_image {
        position: absolute;
        width: auto;
        height: 70%;
        bottom: 0;
        right: 0;
        z-index: 0;
    }

    .spcial_topsale .sp_cont {
        position: relative;
        left: 0;
        top: 0;
        width: 100px;
        height: 100%;
        font-size: 13px;
    }

    .spcial_topsale .sp_name {
        display: block;
        height: 70px;
        position: relative;
        font-size: 12px;
        line-height: 13px;
        left: 5px;
    }

    .spcial_topsale .sp_price {
        position: absolute;
        left: 5px;
        font-size: 20px;
        line-height: 20px;
        color: #F4063A;
        font-weight: bold;
    }

    .spcial_topsale .sp_lstdays {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 55%;
        line-height: 15px;
        text-align: right;
        /* background:url('') top left no-repeat; */
        overflow: visible;
        background-size: 100%;
    }

    .spcial_topsale .sp_lstdays p {
        margin: 0;
        padding: 0;
        display: inline;
        position: relative;
        color: #fff;
        width: 100%;
        font-size: 10px;
        padding-right: 5px;
    }

    .spcial_topsale .sp_meker {
        margin-left: 5px;
        width: 70px;
        height: 28px;
    }

    .spcial_topsale .sp_name,
    .spcial_topsale .sp_price {
        filter: dropshadow(color=#ffffff, offX=0, offY=-1) dropshadow(color=#ffffff, offX=1, offY=0) dropshadow(color=#ffffff, offX=0, offY=1) dropshadow(color=#ffffff, offX=-1, offY=0);
        color: #000;
        text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
        text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    }

    .spcialtop_timer {
        width: 850px;
        height: 45px;
        position: relative;
        margin-bottom: 5px;
    }

    .timer_title {
        width: 850px;
        /* height:45px; */
    }

    /* トップセール */
    #dailysale_point_wrap h4,
    #pointsale_wrap h4 {
        background: none;
    }

    .point_item a .point {
        font-size: 110%;
    }
}

@media screen and (max-width: 860px) {

    /* メインコンテンツカラムより小さい */
    /* ウィークリーセール */
    #saletitle_point_wrap h4 {
        padding: 0;
        background: none;
    }

    #saletitle_point_wrap #pont_induction_bnr {
        margin-right: 1%;
    }

    #saletitle_point_wrap #pont_induction_bnr,
    #saletitle_point_wrap #daily_induction_bnr {
        text-decoration: none;
        width: 46%
    }

    #dailysale_point_wrap ul#weekrysale_wrap li {
        margin: 2px 0.5%;
        width: 32%;
        display: inline-block;
    }

    ul#weekrysale_wrap {
        margin: 0;
    }

    ul#weekrysale_wrap li#cates_tankset {
        width: 98%
    }

    #dailysale_point_wrap h4 {
        padding: 0;
        background: none;
    }

    /* ポイントセール */
    #pointsale_wrap h4 {
        overflow: hidden;
        max-width: 100%;
    }

    #pointsale_wrap h4 img {
        min-width: 500px;
        width: 100%;
    }

    #pointsale_wrap .point_item_list {
        margin: 3px;
    }

    .point_item_list .point_item {
        width: calc(100% / 4 - 5px);
        height: auto;
        margin: 0;
        padding: 2px;
    }

    .point_item a .point {
        font-size: 106%;
        line-height: 100%;
        bottom: 30px;
    }

    #cat_pointsale_wrap .point_item {
        width: calc(100% / 4 - 5px);
    }

    #cat_pointsale_wrap .point_item a .point {
        font-size: 16px;
        font-size: 1.6rem;
        height: 34px;
        height: 3.4rem;
    }

    #cat_pointsale_wrap .point_item a .point span {
        font-size: 24px;
        font-size: 2.4rem;
    }

    #DocsContainer .content .pointsale_long {
        width: auto;
        margin: 5px;
    }

    #DocsContainer .content .pointsale_long .title {
        font-size: 2.2rem;
    }

    #DocsContainer .content .pointsale_long .sale_end_date {
        font-size: 1.4rem;
        line-height: 2rem;
        padding: 0 20px;
    }

    #DocsContainer .content .pointsale_long .point {
        font-size: 1.2rem;
        bottom: 2rem;
    }

    #DocsContainer .content .pointsale_long .point span {
        font-size: 3rem;
    }
}


/*
* トップページ ipad ipadmini 適応
*----------------------------------------*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    /* トップページ */
    .spcial_topsale .sp_price {
        font-size: 18px;
        line-height: 18px;
        left: 5px;
        bottom: 10px;
    }

    .spcial_topsale .sp_name {
        font-size: 11px;
        left: 5px;
    }

    .spcialtop_timer #CDT {
        bottom: 5px;
        font-size: 1.5em;
        font-weight: bold;
    }

    .sp_image {
        width: 65%;
        height: auto;
    }

    .sp_meker {
        width: 60px;
        height: 24px;
    }

    .spcial_topsale .sp_lstdays {
        width: 64%;
    }

    .spcial_topsale .sp_lstdays p {
        font-size: 10px;
    }
}

@media screen and (max-width: 690px) {

    /* Nexus6 and iPhone6 Landscape */
    .point_item.long a .point span {
        font-size: 140%;
    }

    .point_item.long .point {
        position: absolute;
        right: 8px;
        bottom: 25px;
        padding: 0;
    }

    .point_item.medium .img {
        width: 140px;
        height: 140px;
    }

    .point_item.medium .sale_end_date {
        width: calc(100% - 160px);
    }
}

@media screen and (max-width: 645px) {

    /* メインコンテンツカラム3/4より小さい */
    /* トップセール */
    .spcial_topsale .sp_price {
        font-size: 18px;
        line-height: 18px;
        left: 5px;
        bottom: 10px;
    }

    .spcial_topsale .sp_name {
        font-size: 11px;
        left: 2px;
    }

    .spcialtop_timer #CDT {
        bottom: 5px;
        font-size: 1.5em;
        font-weight: bold;
    }

    .sp_image {
        width: 65%;
        height: auto;
    }

    .sp_meker {
        width: 60px;
        height: 24px;
    }

    .spcial_topsale .sp_lstdays {
        width: 64%;
    }

    .spcial_topsale .sp_lstdays p {
        font-size: 10px;
    }

    /* ウィークリーセール */
    #saletitle_point_wrap #pont_induction_bnr,
    #saletitle_point_wrap #daily_induction_bnr {
        width: 46%;
        font-size: 110%;
    }

    ul#weekrysale_wrap li {
        margin: 1px 0.5%;
    }

    /* ポイントセール */
    .point_item_list .point_item.medium {
        font-size: 1rem;
        width: 100%;
    }
}

@media screen and (max-width: 573px) {

    /* メインコンテンツカラム2/3より小さい */
    /* トップセール */
    .spcial_topsale li {
        width: 48%;
    }

    .spcial_topsale li a {
        width: 100%;
    }

    .sp_image {
        width: 44%;
        height: auto;
    }

    .sp_meker {
        width: 80px;
        height: 32px;
    }

    .spcial_topsale .sp_pet_dog,
    .spcial_topsale .sp_pet_cat,
    .spcial_topsale .sp_pet_aqu,
    .spcial_topsale .sp_pet_lat,
    .spcial_topsale .sp_pet_aml,
    .spcial_topsale .sp_pet_gnd,
    .spcial_topsale .sp_pet_fsh,
    .spcial_topsale .sp_pet_mzk,
    .spcial_topsale .sp_pet_umi {
        width: 18%;
        height: 36%;
        -moz-background-size: contain;
        background-size: contain;
    }

    .spcialtop_timer #CDT {
        bottom: 5px;
        font-size: 1.4em;
        font-weight: bold;
    }

    /* ウィークリーセール */
    #saletitle_point_wrap #pont_induction_bnr {
        margin-right: 0px;
    }

    #saletitle_point_wrap #pont_induction_bnr,
    #saletitle_point_wrap #daily_induction_bnr {
        width: 99%;
    }

    ul#weekrysale_wrap li {
        margin: 2px 1%;
        width: 48%;
    }

    #DocsContainer .content .pointsale_long .bgimage {
        background-size: contain;
        background-position: 0 center;
    }

    /* ポイントセール */
    .point_item_list .point_item {
        width: calc(100% / 3 - 5px);
    }

    #cat_pointsale_wrap .point_item {
        width: calc(100% / 3 - 5px);
    }
}

@media screen and (max-width: 430px) {

    /* メインコンテンツカラム1/2より小さい */
    /* ウィークリーセール */
    ul#weekrysale_wrap li {
        display: inline-block;
        margin: 1px 1px;
        width: 49%;
    }

    /* トップセール */
    #pont_induction_bnr,
    #daily_induction_bnr {
        padding: 10px 0;
        font-size: 1em;
    }

    .spcial_topsale li {
        width: 48%;
    }

    .spcial_topsale li a {
        width: 100%;
    }

    .spcial_topsale .sp_pet_dog,
    .spcial_topsale .sp_pet_cat,
    .spcial_topsale .sp_pet_aqu,
    .spcial_topsale .sp_pet_lat,
    .spcial_topsale .sp_pet_aml,
    .spcial_topsale .sp_pet_gnd,
    .spcial_topsale .sp_pet_fsh,
    .spcial_topsale .sp_pet_mzk,
    .spcial_topsale .sp_pet_umi {
        width: 25%;
        height: 33%;
        -moz-background-size: contain;
        background-size: contain;
    }

    .spcial_topsale .sp_name {
        font-size: 10px;
        line-height: 11px;
    }

    .sp_image {
        width: 60%;
        height: auto;
    }

    .sp_meker {
        width: 60px;
        height: 24px;
    }

    .spcial_topsale .sp_lstdays {
        width: 55%;
    }

    .spcial_topsale .sp_lstdays p {
        font-size: 7px;
    }

    .spcialtop_timer {
        display: none;
    }

    /* ポイントセール */
    .point_item_list .point_item {
        width: calc(100% / 2 - 5px);
        font-size: .85em;
    }

    .point_item a .description .name {
        line-height: 1.7rem;
    }

    .point_item a .point {
        font-size: 95%;
    }

    .point_item a .point span {
        font-size: 179%;
    }

    #cat_pointsale_wrap .point_item {
        width: calc(100% / 2 - 5px);
    }

    .point_item.long .img img {
        margin: 0;
    }

    .point_item.long .description .name {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .point_item.long a .point span {
        font-size: 120%;
    }

    .point_item.long .point {
        bottom: 16px;
    }

    /* ロングバナー */
    #DocsContainer .content .pointsale_long {
        width: 98%;
    }

    #DocsContainer .content .pointsale_long .point {
        bottom: 2.4rem;
    }

    #DocsContainer .content .pointsale_long .point span {
        font-size: 2.6rem;
    }

    #DocsContainer .content .pointsale_long .title {
        font-size: 1.6rem;
        line-height: 2rem;
        padding: 0;
    }

    #DocsContainer .content .pointsale_long .lnv {
        width: 55%;
        padding: 5px 0 0 0;
    }

    #DocsContainer .content .pointsale_long .sale_end_date {
        font-size: 1.2rem;
        line-height: 2.4rem;
        width: auto;
        padding: 0 10px;
    }

    .pointsale_long .lnv {
        margin-left: 125px;
    }
}

@media screen and (max-width: 320px) {

    /* ポイントセール */
    .point_item a .point span {
        font-size: 150%;
    }

    .point_item.medium .point span {
        font-size: 140%;
    }

    .point_item.medium .img {
        width: 130px;
        height: 130px;
    }

    .point_item a .description .name {
        font-size: 1rem;
    }

    .point_item a .point {
        height: 2.5rem;
    }

    .point_item a .sale_end_date {
        font-size: 1rem;
    }

    .point_item .description {
        height: 3.8em;
    }

    .point_item.medium .description {
        height: 80px;
    }

    .point_item.medium .description .name {
        font-size: 1.2rem;
    }

    .point_item.medium .sale_end_date {
        width: calc(100% - 150px);
    }

    .point_item.long .sale_end_date {
        width: 100%;
        bottom: 0;
        right: 0;
        border-radius: 0;
    }

    .point_item.long .point {
        bottom: 25px;
    }
}

@media screen and (max-width: 286px) {

    /* メインコンテンツカラム1/3より小さい */
    /* 3カラム→1カラム */
    /* トップセール */
    .spcial_topsale li {
        width: 48%;
    }

    .spcial_topsale li a {
        width: 100%;
    }
}