@charset "shift_jis";

/*--------------------------------------------------------------------------------*
 * ショッピングページのインデックス、全てのカテゴリ共通のCSS
 * ヘッダー、フッター、共通サイドバー等
 *--------------------------------------------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Roboto);
body {
    /*    font-family: "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", "Meiryo", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Arial, Helvetica, Verdana, "sans serif";*/
    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;
    line-height: 1.4em;
}

a:link {
    color: #000000;
    text-decoration: none;
}

a:visited {
    color: #000000;
    text-decoration: none;
}

a:hover {
    color: #f57f00;
    text-decoration: none;
}

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

a:hover img.noanimate,
.img_alpha a:hover img.noanimate {
    opacity: 1;
}

body {
    background-repeat: repeat-y;
}

a.kanr_link,
a.read_link,
a.rank_link {
    word-break: break-all;
}


/*
body {
    background: url('//www.shopping-charm.jp/UserArea/image/common/sidebar_20160701.gif') top left repeat-y;
}
*/


/* 通常：sidebar_20150501.gif */


/* 年末年始：sidebar_2015ny_info.gif */


/* ＧＷ：sidebar_2015gw_info.gif */

@media screen and (max-width: 1220px) {
    body {
        background: none !important;
    }
}

h1.category_name {
    font-size: 14px;
    margin: 0 0 5px 0;
    color: #378CB0;
}


/* clearfix */

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

.clearfix {
    display: inline-table;
    *zoom: 1;
}


/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}


/* End hide from IE-mac */

img {
    border: 0px;
}


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


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

.header_news {
    margin: 5px 0;
    padding: 5px;
    background: #FFEAE1;
    color: #D53000;
}
.header_news a:not(:hover) {
    color: inherit;
    text-decoration: underline;
}


/*
 * 2.2 ヘッダー部分の配送の説明
 *----------------------------------------*/

.header_haiso,
.header_haiso * {
    box-sizing: border-box;
}

.header_haiso {
    position: relative;
    margin: 5px 0;
    padding: 0;
    font-family: "Meiryo", "Meiryo UI", "メイリオ UI", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.2;
}

.header_haiso p {
    margin: 0;
}

.header_haiso,
.header_haiso a {
    color: #000;
}

.header_haiso ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
    border-spacing: 0px;
    width: 100%;
}

.header_haiso ul li {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    background: #FFF3F5;
    border-top: 1px solid #FFD3D9;
    border-bottom: 1px solid #FFD3D9;
    border-left: 1px dashed #FFD3D9;
    text-align: center;
    *float: left;
}

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

.header_haiso ul li>a {
    display: inline-block;
    padding: 6px;
}

.header_haiso .line {
    display: block;
}

.header_haiso .prx {
    font-size: 100%;
}

.header_haiso small {
    font-size: 95%;
}

.header_haiso .time {
    font-size: 130%;
    font-weight: bold;
    color: #C00;
}

.header_haiso .ph_delivery_charges {
    font-size: 130%;
}

.header_haiso ul li.normal {
    width: 310px;
}

.header_haiso ul li.tojitu {
    width: 370px;
}

.header_haiso ul li.souryo {
    width: 170px;
}

.header_haiso ul li.yasumazu {
    width: 120px;
    text-align: left;
}

.header_haiso ul li.normal .left {
    float: left;
}

.header_haiso ul:after {
    display: none;
}

.header_haiso .f6point {
    color: #C00;
    /* font-size: 150%; */
    font-size: 1.4em;
    *margin-top: .4em;
}

.header_haiso ul li.tojitu.stop {
    background: #F3F3F3;
    border-top-color: #ccc;
    border-bottom-color: #ccc;
    text-align: center;
}

.header_haiso ul li.souryo>a,
.header_haiso ul li.yasumazu>a {
    text-align: center;
}

.header_haiso .icon {
    position: absolute;
    right: 0;
}

.header_haiso .icon img {
    width: 50px;
}

.header_haiso ul li.yasumazu span:nth-child(2) {
    background: url('//www.shopping-charm.jp/UserArea/image/header/hh_icon_truck.png') no-repeat;
    background-size: 14px;
    padding-left: 15px;
}

.header_haiso .clock {
    background: url('//www.shopping-charm.jp/UserArea/image/header/hh_icon_clock.png') no-repeat;
    background-size: 14px;
    padding-left: 15px;
    background: none\9;
}

.header_haiso .kticon {
    margin-top: -4px;
    bottom: -2px;
}


/* 配送 - 当日便/夜行便 */

.header_haiso ul .tojitu .link {
    display: block;
    padding: 0;
    width: 100%;
}

.header_haiso .tojitu .link>p {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: inherit;
}

.header_haiso .tojitu .link:nth-of-type(n+2) {
    border-top: 1px dashed #FFD3D9;
}

.header_haiso ul li .hd_haiso_night {
    /* background-color: #dfe8ff; */
}

.hd_haiso_text {
    display: block;
    width: 314px;
    width: -webkit-calc(100% - 86px);
    width: calc(100% - 86px);
    text-align: left;
    padding: 0 5px;
    font-size: 90%;
}

.hd_haiso_icon {
    display: block;
    width: 86px;
    padding: 6px 3px;
    font-size: 11px;
}

.hd_haiso_night .hd_haiso_icon {
    color: #fff;
    background-color: #1e257c;
}

.hd_haiso_today .hd_haiso_icon {
    color: #fff;
    background-color: #db4040;
}


/* 銀振・郵振２倍バナー */

.transfer_banner {
    width: 255px;
    height: 50px;
    position: relative;
}

.transfer_banner .date {
    color: #fff;
    font-size: 12px;
    font-family: "M+ Type-2 (general-j) Medium";
    position: absolute;
    top: 3px;
    left: 97px;
    z-index: 2;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .7);
}

.transfer_banner .image {
    display: block;
    position: relative;
}

@media screen and (min-width:768px) {
    /* 犬猫アイコン */
    .header_haiso:after,
    .header_haiso .yasumazu:after {
        display: block;
        content: "";
        background-size: 100%;
        width: 26px;
        height: 26px;
        position: absolute;
    }
    .header_haiso:after {
        background-image: url('//www.shopping-charm.jp/UserArea/image/header/hh_icon_dog.png');
        bottom: -3px;
        left: -2px;
    }
    .header_haiso .yasumazu:after {
        background-image: url('//www.shopping-charm.jp/UserArea/image/header/hh_icon_cat.png');
        bottom: -3px;
        right: -2px;
    }
}

@media screen and (max-width:767px) {
    .header_haiso ul li.normal,
    .header_haiso ul li.tojitu,
    .header_haiso ul li.souryo,
    .header_haiso ul li.yasumazu {
        width: 100%;
    }
    .header_haiso .line {
        display: inline;
        clear: both;
        float: none;
    }
    .header_haiso ul li {
        display: block;
        border-width: 1px;
        margin: 5px;
        text-align: left !important;
        border-left: none;
    }
}


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

#HeadlineSaleBanner {
    margin: 0;
}

#HeadlineSaleBanner ul {
    margin: 0;
    padding: 0;
    margin-left: -5px;
    list-style: none;
    height: 50px;
}

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

#HeadlineSaleBanner ul img {
    vertical-align: bottom;
}


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

#HeadlineLink {
    margin: 0;
    padding: 5px 0;
    text-align: center;
}

#HeadlineLink ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}

#HeadlineLink ul li {
    display: inline-block;
    *display: inline;
    white-space: nowrap;
    font-size: 12px;
    margin: 0 4px;
}

#HeadlineLink ul li a {
    background: url('//www.shopping-charm.jp/UserArea/image/common/icon/arrow02a.gif') no-repeat left center;
    padding-left: 15px;
}


/*
 * 2.5 ヘッダー部分メニュー調整
 *----------------------------------------*/

table.dlMenu {
    width: 1040px;
    padding: 0;
}


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

#royalcanin_header_banner {
    /*margin: 10px 0;*/
    margin: 10px auto;
    width: 1040px;
}


/*
 * point. 特別バナー枠
 *----------------------------------------*/


/* 右縦バナー */

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

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


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

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


/*
 * キャンペーン時 特別１２枠 Update:2014/2/3
 *----------------------------------------*/

.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('//www.shopping-charm.jp/UserArea/image/sale/icon/ctgicon_dog.png') top left no-repeat;
}

.sp_pet_cat {
    background: url('//www.shopping-charm.jp/UserArea/image/sale/icon/ctgicon_cat.png') top left no-repeat;
}

.sp_pet_aqu {
    background: url('//www.shopping-charm.jp/UserArea/image/sale/icon/ctgicon_aqu.png') top left no-repeat;
}

.sp_pet_lat {
    background: url('//www.shopping-charm.jp/UserArea/image/sale/icon/ctgicon_lat.png') top left no-repeat;
}

.sp_pet_aml {
    background: url('//www.shopping-charm.jp/UserArea/image/sale/icon/ctgicon_aml.png') top left no-repeat;
}

.sp_pet_gnd {
    background: url('//www.shopping-charm.jp/UserArea/image/sale/icon/ctgicon_gnd.png') top left no-repeat;
}

.sp_pet_fsh {
    background: url('//www.shopping-charm.jp/UserArea/image/sale/icon/ctgicon_fsh.png') top left no-repeat;
}

.sp_pet_mzk {
    background: url('//www.shopping-charm.jp/UserArea/image/sale/icon/ctgicon_mzk.png') top left no-repeat;
}

.sp_pet_umi {
    background: url('//www.shopping-charm.jp/UserArea/image/sale/icon/ctgicon_umi.png') top left no-repeat;
}

.sp_pet_kin {
    background: url('//www.shopping-charm.jp/UserArea/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: 5px;
    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('//www.shopping-charm.jp/UserArea/image/sale/icon/salebg_days.png') top left no-repeat;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//www.shopping-charm.jp/UserArea/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: 10px;
    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;
}

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

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


/* ３列用 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;
}


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

.pointsale_medium {
    display: inline-block;
    float: left;
    width: 409px;
    margin: 5px;
}

.pointsale_medium a {
    border: 1px solid #ddd;
}

.pointsale_medium .img {
    width: 160px;
    height: 160px;
    margin: 5px;
    float: right;
}

.pointsale_medium .img img {
    width: 100%;
    height: auto;
}

.pointsale_medium .description {
    width: 225px;
    height: 130px;
    float: right;
}

.pointsale_medium .description .name {
    font-size: 140%;
    line-height: 140%;
}

.pointsale_medium .point {
    color: #ff1d25;
    display: block;
    text-align: right;
    margin: 8px;
    font-weight: bold;
    font-size: 160%;
}

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


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

.pointsale_long {
    list-style: none;
    border: 1px solid #ddd;
    width: 96.2%;
    height: 106px;
    margin: 0 0.8% 10px;
    clear: both;
}

.pointsale_long .space {
    margin-left: 3px;
    margin-top: 3px;
    margin-right: 3px;
    display: block;
    height: 100px;
    text-decoration: none;
    position: relative;
}

.pointsale_long a {
    display: block;
    height: 100%;
    text-decoration: none;
}

.pointsale_long .lnv {
    position: relative;
    z-index: 2;
    margin-left: 260px;
}

.pointsale_long .rnv {
    float: right;
}

.pointsale_long .title {
    margin-left: 5px;
    font-size: 18px;
    font-weight: bold;
    color: #111;
    line-height: 50px;
    display: block;
    text-shadow: 2px 2px 0 #fff, -2px -1px 0 #fff, 2px -1px 0 #fff, -2px 1px 0 #fff, 2px 1px 0 #fff;
}

.pointsale_long .att {
    margin-left: 5px;
    color: #ff0000;
    font-size: 12px;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.pointsale_long .point {
    bottom: 1.8rem;
    color: #ff1d25;
    font-size: 1.4rem;
    font-weight: bold;
    position: absolute;
    right: 2px;
}

.pointsale_long .point span {
    font-size: 1.6em;
}

.pointsale_long .sale_end_date {
    background-color: #efefef;
    font-size: .9rem;
    line-height: 1.4rem;
    padding: 0 30px;
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
}

.pointsale_long .bgimage {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    z-index: 0;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 250px;
}

.pointsale_long .bgimage:before {
    content: url('//www.shopping-charm.jp/UserArea/image/sale/bigsale/pointlong_bg.png');
    margin-left: 230px;
    display: block;
}


/* カテゴリトップ */

ul.spcial_topsale.spcial_ctgver {
    width: 660px;
    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 {
    text-align: center;
    width: 660px;
}

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

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


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

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

#left_box .spcial_ctgver li {
    margin: 0;
}


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

@media screen and (max-width: 860px) {
    /* メインコンテンツカラムより小さい */
    .spcial_topsale {
        width: 100%;
    }
    .spcial_topsale li {
        width: 24%;
    }
    .spcial_topsale li a {
        width: 100%;
        height: 120px;
    }
    .spc_spceial_topsale h1 img,
    .spc_spceial_topsale h2 img,
    .spc_spceial_topsale h3 img,
    .spc_spceial_topsale h4 img {
        width: 100%;
        height: auto;
    }
    .spc_spceial_topsale h1,
    .spc_spceial_topsale h2,
    .spc_spceial_topsale h3,
    .spc_spceial_topsale h4 {
        padding: 2px 0;
        background: #fff;
    }
    .sp_image {
        width: 55%;
        height: auto;
    }
    .sp_meker {
        width: 70px;
        height: 28px;
    }
    .spcialtop_timer,
    .timer_title {
        width: 100%;
        height: auto;
    }
    .spcialtop_timer #CDT {
        bottom: 5px;
        font-size: 2em;
    }
    .spcial_topsale .sp_price {
        left: 5px;
    }
    .spcial_topsale .sp_name {
        left: 5px;
    }
    .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: 23%;
        height: 35%;
        -moz-background-size: contain;
        background-size: contain;
    }
    .spcialtop_lngbnr {
        width: 100%;
        height: auto;
    }
    .spcial_topsale .sp_lstdays {
        width: 55%;
    }
    .spcial_topsale .sp_lstdays p {
        font-size: 10px;
    }
}

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

@media screen and (max-width: 430px) {
    /* メインコンテンツカラム1/2より小さい */
    .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: 10px;
    }
    .spcialtop_timer {
        display: none;
    }
    .spcial_ctgver {
        width: 100%;
        margin-bottom: 5px;
        margin-left: -1px;
        display: inline-block;
    }
    .spcial_ctgver li {
        margin: 1px;
    }
    .spcial_ctgver li a {
        width: 100% !important;
        height: 90px !important;
    }
    .spcial_ctgver .sp_image {
        width: 30%;
        height: auto;
    }
    .spcial_ctgver .sp_name {
        left: 1px;
        font-size: 9px;
    }
    .spcial_ctgver .sp_price {
        font-size: 12px;
    }
    .spcial_ctgver .sp_meker {
        background: #fff;
        width: 30%;
        height: auto;
    }
    .spcial_ctgver .sp_lstdays {
        width: 50%;
        line-height: 8px;
    }
    .spcial_ctgver .sp_lstdays p {
        font-size: 8px;
    }
    .spcial_ctgver .sp_price {
        left: 1px;
    }
    .spcial_topsale.category_point img {
        width: 49%;
    }
}

@media screen and (max-width: 286px) {
    /* メインコンテンツカラム1/3より小さい */
    .spcial_topsale li {
        width: 48%;
    }
    .spcial_topsale li a {
        width: 100%;
    }
}


/*
 * 3.5 charm movie
 *----------------------------------------*/

#charmMovie {
    width: 156px;
    margin: 5px auto;
}

#charmMovie h3 {
    margin: 2px 0;
    padding: 0 0 0 35px;
    font-size: 18px;
    color: #25c5ff;
    font-weight: bold;
    line-height: 20px;
    height: 20px;
    background: url('//www.shopping-charm.jp/UserArea/image/common/icon/tit_moviestart.gif') left center no-repeat;
}

#charmMovie h3 a {
    color: #25c5ff;
}

#charmMovie h3 a:hover {
    border-bottom: 1px solid;
}

#charmMovie p {
    margin: 5px 0;
}

#youtube_thm {
    margin-top: 5px;
    margin-bottom: 8px;
    position: relative;
}

#youtube_thm .movieStart {
    width: 156px;
    height: 100%;
    display: block;
    background: url('//www.shopping-charm.jp/UserArea/image/common/icon/btn_moviestart.png') center 40% no-repeat;
    position: absolute;
    z-index: 10;
}

#youtube_thm img {
    width: 156px;
    border: 0;
    z-index: 0;
}

.movieCom {
    background: #25c5ff;
    height: 20px;
    line-height: 20px;
    color: #fff;
    font-size: 10px;
    text-align: right;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
}


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


/* フッターエリア */


/* ページトップへのリンク */

#FooterPageTop {
    margin-top: 10px;
    text-align: right;
}

#FooterPageTop a {
    display: block;
    height: 20px;
    width: 100px;
    background: url('//www.shopping-charm.jp/UserArea/image/footer/pagetop.gif') left top no-repeat;
    text-indent: -9999px;
    text-align: left;
    margin: 0 10px 0 auto;
    outline: none;
}

#FooterPageTop a:hover {
    background-position: right top;
}

#Footer p {
    margin: 0;
}

#IncFooterCategory {
    margin: 10px;
}

#FooterLinks {
    margin: 20px auto 20px auto;
    text-align: left;
    background: #f5f5f5;
    line-height: 1.4em;
    padding: 10px;
    border-top: 2px solid #ddd;
    font-size: 13px;
}

#FooterLinks .block {
    display: block;
    float: left;
    vertical-align: top;
    margin: 10px 0 0 0;
    width: 210px;
}

#FooterLinks .block a {
    display: block;
    background: url('//www.shopping-charm.jp/UserArea/image/common/icon/arrow02a.gif') left center no-repeat;
    padding-left: 16px;
}

#FooterLinks #Copyright {
    display: block;
    width: 320px;
    padding: 10px 10px 10px 45px;
    vertical-align: top;
    float: left;
    margin-right: 10px;
    background: url('//www.shopping-charm.jp/UserArea/image/common/footer_copy.gif') 5px 5px no-repeat;
}

#FooterMoneyHenkou {
    text-align: center;
    clear: both;
}

#Copyright .picture {
    border-top: 1px dashed #ccc;
    padding-top: 5px;
    line-height: 1.3em;
}


/* フォントサイズ調整　メイリオ */


/*
20141017 アンチエイリアスがうまくかからないので、一旦停止
body {
    font-family: "Meiryo UI", "Meiryo", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, "sans serif";
    margin: 0px;
    padding: 0px;
    color: #000000;
    font-size: 14px;
    line-height: 1.4em;
}

.ct_tree_item a {
    font-size: 12px;
}

.pnlRank, .pnlKanr, .pnlRead, .pnlRead_Right, .pnlRank2,
.dtlRuijiList, .dtlSets {
    font-size: 11px;
    line-height: 1.3em;
}

.Prdinfo {
    font-size: 11px;
}

.item_list_title_d {
    line-height: 1.4em;
}

.item_list_price_t1 {
    font-size: 10px;
}
*/


/*--------------------------------------------------------------------------------*
 * フッター2015/10/29
 *--------------------------------------------------------------------------------*
 **********************************************************************************/

#ctl00_btnHiddenUAChange {
    display: none;
}

#Footer {
    margin: 0 auto 20px auto;
    font-size: 13px;
    width: 1040px;
}

#Footer img {
    max-width: 100%;
    height: auto;
}

.fnotes * {
    box-sizing: border-box;
}

.fnotes {
    font-family: "Meiryo UI", "Meiryo", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, "sans serif";
    padding: 10px;
    background: #f2f2f2 url('//www.shopping-charm.jp/UserArea/image/footer/footer_bg.gif');
    border-top: 2px solid #dfdfdf;
}

.fnotes>.left {
    float: left;
    margin: 10px 0 0 0;
    width: 410px;
    padding: 0px;
}

.fnotes>.right {
    float: left;
    margin: 10px 0 0 0;
    width: 610px;
}

.fnotes .block {
    padding: 10px;
}


/* max-width:979px */

@media screen and (max-width:1040px) {
    #Footer {
        width: auto;
        font-size: 11px;
    }
    .fnotes .left {
        width: 100%;
        margin: 10px 0 0 0;
    }
    .fnotes .right {
        width: 100%;
    }
    .fnotes {
        padding: 0px;
    }
}

.fnotes h2 {
    color: #532b13;
    border-bottom: 2px solid #00B1E4;
    padding: 0 0 5px 0;
    margin: 0 0 10px 0;
    font-size: 140%;
}

.fnotes h3 {
    font-size: 110%;
    color: #0091bb;
    padding-bottom: 4px;
    margin: 15px 0 5px 0;
    display: inline-block;
    border-bottom: 1px dashed #1E89BD;
}

.fnotes h4 {
    color: #532b13;
    padding: 0;
    margin: 5px 0 5px 0;
    font-size: 110%;
}

.fnotes p {
    line-height: 1.4em;
    margin: 0;
}

.fnotes .point {
    color: #CC0000;
}

.fnotes .mark {
    background: #F9DADA;
}


/* ★チャームの6つの特徴 */

.fnotes .feature {
    border: 1px solid #ccc;
    background: #fff;
    padding: 10px;
    position: relative;
    border-radius: 2px;
}

.fnotes .feature.speed,
.fnotes .feature.support {
    margin: 2px;
}

.fnotes .feature p {
    position: relative;
}

.fnotes .feature .icon {
    position: absolute;
    width: 70px;
    right: 0px;
    top: 50%;
    margin-top: -27px;
}

.fnotes .feature .time {
    font-weight: bold;
    font-size: 120%;
}

.fnotes .feature .f6point {
    font-size: 130%;
    font-weight: bold;
    color: #C00;
    white-space: nowrap;
}

.fnotes .feature.speed ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

.fnotes .feature.speed li {
    *height: 1%;
    position: relative;
    padding-left: 45px;
}

.fnotes .feature.speed .icon {
    width: 38px;
    position: absolute;
    left: 0px;
    top: -1px;
    margin-top: 0;
}

.fnotes .feature.speed li.normal {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 8px;
    padding-bottom: 8px;
}

.fnotes .feature a.link {
    display: block;
}

@media screen and (max-width:1040px) {
    .fnotes .feature .wrap {
        padding: 8px;
    }
    .fnotes .feature.speed .icon {
        width: 35px;
    }
}

.fnotes .features .table {
    margin: -2px 0 -2px 0;
    *margin: -2px 2px -2px 2px;
    display: table;
    border-spacing: 2px;
    padding: 0;
    width: 100%;
}

.fnotes .features .table:after {
    display: none;
}

.fnotes .features .table .row {
    display: table-row;
}

.fnotes .features .table .feature {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    *width: 171px;
    *float: left;
}

.fnotes .feature.support dl {
    margin: 4px;
}

.fnotes .feature.support dt {
    float: left;
    width: 40%;
    line-height: 20px;
    color: #060;
    font-weight: bold;
}

.fnotes .feature.support dd {
    margin: 0;
    float: left;
    width: 60%;
    font-size: 170%;
    line-height: 20px;
    font-family: 'Roboto', 'century gothic', 'Meiryo ui';
}

@media screen and (max-width:567px) {
    .fnotes .feature.support dt {
        width: 25%;
    }
    .fnotes .feature.support dd {
        width: 75%;
        font-size: 140%;
    }
}

.fnotes .feature a:hover {
    color: #532b13;
}

.fnotes .feature:hover {
    background: #FFFDEB;
    border: 1px solid #FFB46B;
}


/* 配送について */

.fnotes .block.delivery .exts {
    background: #ED696C;
    display: inline-block;
    padding: 1px 4px;
    color: #fff;
    border-radius: 2px;
}


/* ★お届け先住所の変更依頼について */

.fnotes .money_henkou {
    clear: both;
    padding: 10px;
}

.fnotes .money_henkou .left {
    float: left;
    width: 55%;
}

.fnotes .money_henkou .right {
    float: left;
    width: 45%;
    padding: 0 20px;
}

.fnotes .money_henkou .left dl {
    font-weight: bold;
    margin: 10px 30px;
}

.fnotes .money_henkou .left dt {
    float: left;
    font-size: 120%;
}

.fnotes .money_henkou .left dd {
    float: left;
    margin-left: 8px;
    font-size: 130%;
    width: 100px;
    background: url('//www.shopping-charm.jp/UserArea/image/common/icon/arrow02a.gif') no-repeat left center;
    padding-left: 15px;
}

.fnotes .money_henkou .soryolist_btn {
    display: block;
    background: #C0E4F5;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    font-size: 130%;
    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;
}

.fnotes .money_henkou .soryolist_btn:hover {
    color: #000;
    background: #B1E0EF;
}

@media screen and (max-width:1040px) {
    .fnotes .money_henkou .left,
    .fnotes .money_henkou .right {
        float: none;
        width: auto;
        padding: 0px;
        margin: 0;
    }
    .fnotes .money_henkou .left dl {
        border: 2px solid #000;
        margin: 5px;
        padding: 0;
        display: table;
    }
    .fnotes .money_henkou .left dl:after {
        display: none;
    }
    .fnotes .money_henkou .left dt,
    .fnotes .money_henkou .left dd {
        float: none;
        display: table-cell;
        margin: 0;
        vertical-align: middle;
        padding: 10px;
    }
    .fnotes .money_henkou .left dt {
        width: 60%;
    }
    .fnotes .money_henkou .left dd {
        font-size: 130%;
        width: 40%;
        background: none;
        text-align: center;
        background: #FC6;
    }
    .fnotes .money_henkou ul {
        padding-left: 20px;
    }
}


/* ★フッターお読みくださいバナー */

.fnotes .about_banner .bnr {
    width: 100%;
    margin-bottom: 2px;
    padding: 2px;
    float: left;
}

.fnotes .about_banner .bnr img {
    border: 1px solid #ccc;
    padding: 2px;
    background: #fff;
}

.fnotes .about_banner .bnr.half {
    float: left;
    width: 50%;
}

@media screen and (max-width:1040px) {
    .fnotes .about_banner .bnr {
        width: 50%;
    }
    .fnotes .about_banner .bnr.half {
        width: 25%;
    }
}

@media screen and (max-width:567px) {
    .fnotes .about_banner .bnr {
        width: 100%;
    }
    .fnotes .about_banner .bnr.half {
        width: 50%;
    }
}