@charset "utf-8";

/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    word-break: break-all;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

input {
    margin: 0;
    padding: 0;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    border: none;
    vertical-align: bottom;
}

*:focus {
    outline: none;
}

/* ----- cleafix ----- */
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

/* layout ---------------------------------------------------------*/
/* html5 */
header,
footer,
section,
article,
aside,
nav {
    display: block;
}

body {
    /* min-height: 600px; */
    color: #333;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    word-break: break-all;
    text-align: center;
    overflow-x: hidden;
}

#wrapper {
    text-align: left;
    width: 960px;
    margin: 0 auto;
}

#top #wrapper {
    width: 100%;
}

#top #wrapper .headerG,
#top #wrapper .header-bottom {
    display: block;
    margin: 0 auto;
    width: 100%;
}

#wrapper .headerG {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
}

body,
#wrapper,
#header,
#header-top,
#contents,
#main,
#sub,
#footer-inner {
    position: relative;
}

article {
    text-align: left;
}

/* ----- 全体に適用されるスタイル ----- */
/* 文字位置 */
.txt-c {
    text-align: center;
}

.txt-r {
    text-align: right;
}

.txt-l {
    text-align: left;
}

/* 文字サイズ */
.font-s {
    font-size: 12px;
}

.font-l {
    font-size: 17px;
}

/* 余白 */
.m00 {
    margin: 0;
}

.mt05 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mb05 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 30px;
}

#systemWrap section {
    margin: 0 0 30px;
}

/* センター揃え */
.text-align {
    text-align: center;
}

/* リンク */
a {
    color: #666;
    text-decoration: underline;
}

a:visited {
    color: #666;
}

a:hover {
    color: #ff6d2e;
    opacity: 0.8;
}

/* sp-content */
.sp-cont,
.pc-disnon {
    display: none;
}

/* utility */
.u-marginA {
    margin: auto;
}

.u-mA {
    margin: auto !important;
}

.u-mAT {
    margin-top: auto !important;
}

.u-mAB {
    margin-bottom: auto !important;
}

.u-mAL {
    margin-left: auto !important;
}

.u-mAR {
    margin-right: auto !important;
}

.u-dispBlock,
.u-dispB {
    display: block;
}

.u-dispN {
    display: none;
}

.u-posRel {
    position: relative !important;
}

.u-posAbs {
    position: absolute !important;
}

.u-boxB {
    box-sizing: border-box !important;
}

/* flexbox */
.u-flex {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.u-flexBetween {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

/* 短縮*/
.u-flx {
    display: -webkit-flex !important;
    display: flex !important;
    display: -ms-flexbox !important;
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.u-fStr {
    -webkit-align-items: stretch !important;
    align-items: stretch !important;
}

.u-fBet,
.u-flxBet {
    -webkit-justify-content: space-between !important;
    justify-content: space-between !important;
}

.u-fAro {
    -webkit-justify-content: space-around !important;
    justify-content: space-around !important;
}

.u-fCnt,
.u-flxCnt {
    -webkit-justify-content: center !important;
    justify-content: center !important;
}

.u-flxMid {
    /* 高さ中央寄せ */
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    -webkit-align-items: center;
    align-items: center;
}

.u-fEnd {
    -webkit-align-items: flex-end !important;
    align-items: flex-end !important;
}

.u-flxNoWrap {
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap !important;
}

.u-fRow_r {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.u-fCol {
    -webkit-flex-direction: column;
    flex-direction: column;
}

.u-fCol_r {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.u-fAl_c {
    -webkit-align-items: center;
    align-items: center;
}

.u-fStart {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

/* display */
.u-blk {
    display: block !important;
}

.u-inBlk {
    display: inline-block !important;
}

.u-pc-inBlk {
    display: inline-block !important;
}

.u-sp-inBlk {
    display: none !important;
}

.u-hidden {
    display: none !important;
}

/* u-ord
* flex内並び順
*/
.u-ord0-1 {
    -webkit-order: 0;
    order: 0;
}

.u-ord1,
.u-ord1-2 {
    -webkit-order: 1;
    order: 1;
}

.u-ord2,
.u-ord2-1 {
    -webkit-order: 2;
    order: 2;
}

.u-ord3 {
    -webkit-order: 3;
    order: 3;
}

/* #u-txtDec*/
.u-txtDec,
.u-txtDec:hover {
    text-decoration: none;
}

.u-txtDecUL {
    text-decoration: underline !important;
}

.u-textR {
    text-align: right !important;
}

.u-textL,
.u-txtL {
    text-align: left !important;
}

.u-textC,
.u-txtC {
    text-align: center !important;
}

.text-align {
    text-align: center !important;
}

.u-bold {
    font-weight: bold !important;
}

.u-normal {
    font-weight: normal !important;
}

.u-italic {
    font-style: italic !important;
}

.u-textJ,
.u-txtJ {
    text-align: justify;
}

/* u-fs
*	フォントサイズ
*/

.u-fs7L {
    font-size: 20px !important;
}

.u-fs6L {
    font-size: 19px !important;
}

.u-fs5L {
    font-size: 18px !important;
}

.u-fs4L {
    font-size: 17px !important;
}

.u-fs3L {
    font-size: 16px !important;
}

.u-fs2L {
    font-size: 15px !important;
}

.u-fsL {
    font-size: 14px !important;
}

.u-fsS {
    font-size: 12px !important;
}

.u-fs2S {
    font-size: 11px !important;
}

.u-fs3S {
    font-size: 10px !important;
}

.u-fsP75 {
    font-size: 75%;
}

.u-fsP90 {
    font-size: 90%;
}

.u-fsP130,
.u-fsLarger {
    font-size: 130%;
}

.u-fsP180 {
    font-size: 180%;
}

/* u-fs
*	フォントサイズ
*	.u-fs[pc]-[sp]
*/
.u-fs11 {
    font-size: 11px;
}

.u-fs12 {
    font-size: 12px;
}

.u-fs13,
.u-fs13-8,
.u-fs13-10,
.u-fs13-11 {
    font-size: 13px !important;
}

.u-fs14,
.u-fs14-11,
.u-fs14-12,
.u-fs14-13 {
    font-size: 14px !important;
}

.u-fs15,
.u-fs15-11,
.u-fs15-12,
.u-fs15-14 {
    font-size: 15px !important;
}

.u-fs16,
.u-fs16-12,
.u-fs16-13,
.u-fs16-14 {
    font-size: 16px !important;
}

.u-fs17-10,
.u-fs17-15,
.u-fs17 {
    font-size: 17px !important;
}

.u-fs18,
.u-fs18-14 {
    font-size: 18px !important;
}

.u-fs19-17 {
    font-size: 19px !important;
}

.u-fs20-18,
.u-fs20-16,
.u-fs20-14,
.u-fs20-12,
.u-fs20 {
    font-size: 20px !important;
}

.u-fs21,
.u-fs21-18,
.u-fs21-16 {
    font-size: 21px !important;
}

.u-fs22-18,
.u-fs22-14,
.u-fs22 {
    font-size: 22px !important;
}

.u-fs23 {
    font-size: 23px !important;
}

.u-fs22-16 {
    font-size: 22px !important;
}

.u-fs24,
.u-fs24-12,
.u-fs24-14,
.u-fs24-16,
.u-fs24-19,
.u-fs24-22 {
    font-size: 24px !important;
}

.u-fs26,
.u-fs26-20 {
    font-size: 26px !important;
}

.u-fs27 {
    font-size: 27px;
}

.u-fs16-030vw {
    font-size: 16px !important;
}

.u-fs20-035vw {
    font-size: 20px !important;
}

.u-fs22-037vw {
    font-size: 22px !important;
}

.u-fs28,
.u-fs28-21,
.u-fs28-045vw {
    font-size: 28px !important;
}

.u-fs29-26,
.u-fs29-16 {
    font-size: 29px !important;
}

.u-fs30 {
    font-size: 30px !important;
}

.u-fs32,
.u-fs32-19,
.u-fs32-24 {
    font-size: 32px !important;
}

.u-fs34-23,
.u-fs34-25 {
    font-size: 34px;
}

.u-fs40 {
    font-size: 40px !important;
}
.u-fs50-40 {
    font-size: 50px;
}

.u-fs36,
.u-fs36-16,
.u-fs36-21 {
    font-size: 36px;
}

.u-fs24-18 {
    font-size: 24px;
}

.u-fs18-16 {
    font-size: 18px;
}

@media screen and (max-width: 699px) {
    .u-fs13-8 {
        font-size: 8px !important;
    }

    .u-fs13-10,
    .u-fs17-10 {
        font-size: 10px !important;
    }

    .u-fs13-11,
    .u-fs14-11,
    .u-fs15-11 {
        font-size: 11px !important;
    }

    .u-fs14-12,
    .u-fs15-12,
    .u-fs16-12,
    .u-fs20-12,
    .u-fs24-12 {
        font-size: 12px !important;
    }

    .u-fs14-13,
    .u-fs16-13 {
        font-size: 13px !important;
    }

    .u-fs15-14,
    .u-fs16-14,
    .u-fs18-14,
    .u-fs20-14,
    .u-fs22-14,
    .u-fs24-14 {
        font-size: 14px !important;
    }

    .u-fs17-15 {
        font-size: 15px !important;
    }

    .u-fs18-16,
    .u-fs20-16,
    .u-fs24-16,
    .u-fs29-16,
    .u-fs36-16 {
        font-size: 16px !important;
    }

    .u-fs19-17 {
        font-size: 17px !important;
    }

    .u-fs20-18,
    .u-fs22-18,
    .u-fs24-18 {
        font-size: 18px !important;
    }

    .u-fs24-19 {
        font-size: 19px !important;
    }

    .u-fs26-20 {
        font-size: 20px !important;
    }

    .u-fs28-21,
    .u-fs36-21 {
        font-size: 21px !important;
    }

    .u-fs24-22 {
        font-size: 22px !important;
    }

    .u-fs34-23 {
        font-size: 23px !important;
    }

    .u-fs29-26 {
        font-size: 26px !important;
    }

    .u-fs50-40 {
        font-size: 40px !important;
    }

    br.sp {
        display: block !important;
    }

    .u-w20-100,
    .u-w24-100,
    .u-w30-100,
    .u-w33-100,
    .u-w40-100,
    .u-w45-100,
    .u-w49-100,
    .u-w50-100,
    .u-w55-100,
    .u-w60-100,
    .u-w65-100,
    .u-w70-100,
    .u-w75-100,
    .u-w80-100,
    .u-w85-100,
    .u-w90-100 {
        width: 100% !important;
    }

    .u-w20-50 {
        width: 50% !important;
    }
}

/* u-clr
*	文字色
*/
.u-clrBlack {
    color: #000 !important;
}

.u-clrP {
    color: #fd6d2c !important;
}

.u-clrGr3 {
    color: #333 !important;
}

.u-clrGr6 {
    color: #666 !important;
}

.u-clrGr9 {
    color: #999 !important;
}

.u-clr00 {
    color: #ffffff !important;
}

.u-clr04 {
    color: #ed1c24 !important;
}

/* red */
.u-clr06 {
    color: #ee5a24 !important;
}

/* orange */
.u-clr20 {
    color: #2988bc !important;
}

/* hikitaku LP blue */
.u-clr21 {
    color: #ed8c72 !important;
}

/* hikitaku LP orange */
.u-clr22 {
    color: #ff803b !important;
}

.u-clr23 {
    color: #ff0000 !important;
}

.u-clr28 {
    color: #eb8a72 !important;
}

/* ヒキタク キャンペーン */
.u-clr31 {
    color: #b8d7dc !important;
}

/* hikitaku ミントブルー */
.u-clr49 {
    color: #f15a24 !important;
}

/* フードロス（他） orange */
.u-clr50 {
    color: #a3819f !important;
}

/* ペット */
.u-clr51 {
    color: #796a56 !important;
}

/* ペット */
.u-clr52 {
    color: #ff80a7 !important;
}

/* おこもり美容（他） pink */
.u-clr53 {
    color: #ffaa00 !important;
}

/* 出産内祝い orange */
.u-clr7F4F21 {
    color: #7f4f21 !important;
}

/* 
*	背景色
*/
.u-bgClr00 {
    background-color: #ffffff !important;
}

.u-bgClr01 {
    background-color: #e5e5e5 !important;
}

.u-bgClr03 {
    background-color: #f8b9d3 !important;
}

.u-bgClr06 {
    background-color: #ffe97d !important;
}

.u-bgClr12 {
    background-color: #67ad60 !important;
}

.u-bgClr20 {
    background-color: #2988bc !important;
}

/* hikitaku LP blue */
.u-bgClr21 {
    background-color: #ed8c72 !important;
}

/* hikitaku LP orange */
.u-bgClr22 {
    background-color: #fcf6f0 !important;
}

/* hikitaku LP beige */
.u-BgClr24 {
    background-color: #ffefdf !important;
}

.u-bgClr26 {
    background-color: #d86d7d !important;
}

.u-bgClr27 {
    background-color: #f4b22c !important;
}

.u-bgClr28 {
    background-color: #00ad8c !important;
}

.u-bgClr36 {
    background-color: #faf4ee !important;
}

/* ヒキタク キャンペーン */
.u-bgClr37 {
    background-color: #f29c8b !important;
}

/* hikitaku LP orange薄め */
.u-bgClr38 {
    background-color: #f4745b !important;
}

/* hikitaku LP orange濃いめ */
.u-bgClr41 {
    background-color: #b8d7dc !important;
}

.u-bgClr_def-the-heat {
    background-color: #3fbcdd;
}

/* hikitaku */
.u-bgClr43 {
    background-color: #808080 !important;
}

.u-bgClr70 {
    background-color: #f5e6dc !important;
}

.u-bgClr71 {
    background-color: #f1f0ee !important;
}

/* ペット　*/
.u-bgClr72 {
    background-color: #ffaa00 !important;
}

/* 出産内祝い orange */
.u-bgClr73 {
    background-color: #f8f6e5 !important;
}

/* 2021年クリスマス特集 */
.christmasGift {
    background-color: #aa1717;
    color: #fff;
}

/* ペット ivory */

/* u-lH */
/* line-height */

.u-lH10 {
    line-height: 1 !important;
}

.u-lH12 {
    line-height: 1.2 !important;
}

.u-lH14 {
    line-height: 1.4 !important;
}

.u-lH16 {
    line-height: 1.6 !important;
}

.u-lH18 {
    line-height: 1.8 !important;
}

.u-lH20 {
    line-height: 2 !important;
}

/* margin */
.u-mT20,
.u-mT20-10 {
    margin-top: 20px !important;
}

.u-mT30 {
    margin-top: 30px !important;
}

.u-mT40,
.u-mT40-20 {
    margin-top: 40px !important;
}

.u-mT50,
.u-mT50-30 {
    margin-top: 50px !important;
}

.u-mB20 {
    margin-bottom: 20px !important;
}

.u-mWA {
    margin-right: auto !important;
    margin-left: auto !important;
}

.u-m025 {
    margin: 0.25em !important;
}

.u-m05 {
    margin: 0.5em !important;
}

.u-m1 {
    margin: 1em !important;
}

.u-m2 {
    margin: 2em !important;
}

.u-m3 {
    margin: 3em !important;
}

.u-m10 {
    margin: 10px !important;
}

.u-mT0,
.u-mT0-5 {
    margin-top: 0 !important;
}

.u-mT025 {
    margin-top: 0.25em !important;
}

.u-mT05 {
    margin-top: 0.5em !important;
}

.u-mT1 {
    margin-top: 1em !important;
}

.u-mT2 {
    margin-top: 2em !important;
}

.u-mT3 {
    margin-top: 3em !important;
}

.u-mT4 {
    margin-top: 4em !important;
}

.u-mT5 {
    margin-top: 5em !important;
}

.u-mT6 {
    margin-top: 6em !important;
}

.u-mT7 {
    margin-top: 7em !important;
}

.u-mT9 {
    margin-top: 9em !important;
}

.u-mT10 {
    margin-top: 10px !important;
}

.u-mB0,
.u-mB0-3 {
    margin-bottom: 0em !important;
}

.u-mB025 {
    margin-bottom: 0.25em !important;
}

.u-mB05 {
    margin-bottom: 0.5em !important;
}

.u-mB1 {
    margin-bottom: 1em !important;
}

.u-mB15 {
    margin-bottom: 1.5em !important;
}

.u-mB2 {
    margin-bottom: 2em !important;
}

.u-mB3 {
    margin-bottom: 3em !important;
}

.u-mB4,
.u-mB4-0 {
    margin-bottom: 4em !important;
}

.u-mB5 {
    margin-bottom: 5em !important;
}

.u-mB6 {
    margin-bottom: 6em !important;
}

.u-mB8 {
    margin-bottom: 8em !important;
}

.u-mB10 {
    margin-bottom: 10px !important;
}

.u-mB20 {
    margin-bottom: 20px !important;
}

.u-mL025 {
    margin-left: 0.25em !important;
}

.u-mL05 {
    margin-left: 0.5em !important;
}

.u-mL1 {
    margin-left: 1em !important;
}

.u-mL2 {
    margin-left: 2em !important;
}

.u-mL3 {
    margin-left: 3em !important;
}

.u-mR025 {
    margin-right: 0.25em !important;
}

.u-mR05 {
    margin-right: 0.5em !important;
}

.u-mR1 {
    margin-right: 1em !important;
}

.u-mR15 {
    margin-right: 1.5em !important;
}

.u-mR2 {
    margin-right: 2em !important;
}

.u-mR3 {
    margin-right: 3em !important;
}

.u-mW025 {
    margin-left: 0.25em !important;
    margin-right: 0.25em !important;
}

.u-mW05 {
    margin-left: 0.5em !important;
    margin-right: 0.5em !important;
}

.u-mW1 {
    margin-left: 1em !important;
    margin-right: 1em !important;
}

.u-mW2 {
    margin-left: 2em !important;
    margin-right: 2em !important;
}

.u-mW3 {
    margin-left: 3em !important;
    margin-right: 3em !important;
}

.u-mW4 {
    margin-left: 4em !important;
    margin-right: 4em !important;
}

.u-mW5 {
    margin-left: 5em !important;
    margin-right: 5em !important;
}

.u-mW10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.u-mTB025 {
    margin-top: 0.25em !important;
    margin-bottom: 0.25em !important;
}

.u-mTB05 {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
}

.u-mTB1 {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}

.u-mTB2 {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
}

.u-mTB3 {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
}

.u-mTB4 {
    margin-top: 4em !important;
    margin-bottom: 4em !important;
}

.u-mTB5 {
    margin-top: 5em !important;
    margin-bottom: 5em !important;
}

.u-mA {
    margin: auto !important;
}

.u-mAT {
    margin-top: auto !important;
}

.u-mAB {
    margin-bottom: auto !important;
}

.u-mAL {
    margin-left: auto !important;
}

.u-mAR {
    margin-right: auto !important;
}

.u-m05A {
    margin: 0.5em auto !important;
}

.u-m1A {
    margin: 1em auto !important;
}

.u-m2A {
    margin: 2em auto !important;
}

.u-m10A {
    margin: 10px auto !important;
}

.u-m0A {
    margin: 0 auto !important;
}

.u-mA0 {
    margin: auto 0 !important;
}

.u-m0 {
    margin: 0 !important;
}

/* padding */
.u-p025 {
    padding: 0.25em !important;
}

.u-p05 {
    padding: 0.5em !important;
}

.u-p075 {
    padding: 0.75em !important;
}

.u-p1 {
    padding: 1em !important;
}

.u-p2 {
    padding: 2em !important;
}

.u-p3 {
    padding: 3em !important;
}

.u-p4 {
    padding: 4em !important;
}

.u-p5 {
    padding: 5em !important;
}

.u-p10 {
    padding: 10px !important;
}

.u-p0 {
    padding: 0 !important;
}

.u-pT025 {
    padding-top: 0.25em !important;
}

.u-pT05 {
    padding-top: 0.5em !important;
}

.u-pT075 {
    padding-top: 0.75em !important;
}

.u-pT1 {
    padding-top: 1em !important;
}

.u-pT2 {
    padding-top: 2em !important;
}

.u-pT3 {
    padding-top: 3em !important;
}

.u-pT4 {
    padding-top: 4em !important;
}

.u-pT5 {
    padding-top: 5em !important;
}

.u-pT10 {
    padding-top: 10px !important;
}

.u-pB025 {
    padding-bottom: 0.25em !important;
}

.u-pB05 {
    padding-bottom: 0.5em !important;
}

.u-pB1 {
    padding-bottom: 1em !important;
}

.u-pB2 {
    padding-bottom: 2em !important;
}

.u-pB3 {
    padding-bottom: 3em !important;
}

.u-pB4 {
    padding-bottom: 4em !important;
}

.u-pB5 {
    padding-bottom: 5em !important;
}

.u-pB10 {
    padding-bottom: 10px !important;
}

.u-pL025 {
    padding-left: 0.25em !important;
}

.u-pL05 {
    padding-left: 0.5em !important;
}

.u-pL1,
.u-pL1-0 {
    padding-left: 1em !important;
}

.u-pL2 {
    padding-left: 2em !important;
}

.u-pL3 {
    padding-left: 3em !important;
}

.u-pL10 {
    padding-left: 10px !important;
}

.u-pR025 {
    padding-right: 0.25em !important;
}

.u-pR05 {
    padding-right: 0.5em !important;
}

.u-pR1,
.u-pR1-0 {
    padding-right: 1em !important;
}

.u-pR2 {
    padding-right: 2em !important;
}

.u-pR3 {
    padding-right: 3em !important;
}

.u-pR10 {
    padding-right: 10px !important;
}

.u-pW025 {
    padding-left: 0.25em !important;
    padding-right: 0.25em !important;
}

.u-pW05 {
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
}

.u-pW075 {
    padding-left: 0.75em !important;
    padding-right: 0.75em !important;
}

.u-pW1 {
    padding-left: 1em !important;
    padding-right: 1em !important;
}

.u-pW2 {
    padding-left: 2em !important;
    padding-right: 2em !important;
}

.u-pW3 {
    padding-left: 3em !important;
    padding-right: 3em !important;
}

.u-pW10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.u-pTB025 {
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
}

.u-pTB05 {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
}

.u-pTB075 {
    padding-top: 0.75em !important;
    padding-bottom: 0.75em !important;
}

.u-pTB1 {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}

.u-pTB15 {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
}

.u-pTB2 {
    padding-top: 2em !important;
    padding-bottom: 2em !important;
}

.u-pTB3 {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
}

.u-pTB4 {
    padding-top: 4em !important;
    padding-bottom: 4em !important;
}

.u-pTB5 {
    padding-top: 5em !important;
    padding-bottom: 5em !important;
}

.u-pTB10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* 微調整用 */
.u-mT005 {
    margin-top: 5%;
}

.u-mT006 {
    margin-top: 6%;
}

/* u-w
*	要素の幅
*	.u-w[pc]-[sp]
*/
.u-w05-10 {
    width: 5% !important;
}

.u-w20-100 {
    width: 20% !important;
}

.u-w23 {
    width: 23%;
}

.u-w24-100 {
    width: 24% !important;
}

.u-w30-100 {
    width: 30% !important;
}

.u-w33-100 {
    width: 33.333% !important;
}

.u-w40-100 {
    width: 40% !important;
}

.u-w45-100 {
    width: 45% !important;
}

.u-w49-100 {
    width: 49% !important;
}

.u-w50-100 {
    width: 50% !important;
}

.u-w55-100 {
    width: 55% !important;
}

.u-w60-100 {
    width: 60% !important;
}

.u-w65-100 {
    width: 65% !important;
}

.u-w70-100 {
    width: 70% !important;
}

.u-w75-100 {
    width: 75% !important;
}

.u-w80-100 {
    width: 80% !important;
}

.u-w85-100 {
    width: 85% !important;
}

.u-w90-100 {
    width: 90% !important;
}

.u-w50sp {
}

.u-w33-50 {
    width: 33.33% !important;
}

.u-w05,
.u-w05-10 {
    width: 5% !important;
}

.u-w10 {
    width: 10% !important;
}

.u-w20,
.u-w20-50 {
    width: 20% !important;
}

.u-w25 {
    width: 25% !important;
}

.u-w30-80,
.u-w30 {
    width: 30% !important;
}

.u-w31 {
    width: 31% !important;
}

.u-w32 {
    width: 32% !important;
}

.u-w324 {
    width: 32.4% !important;
}

.u-w33 {
    width: 33.333% !important;
}

.u-w35 {
    width: 35% !important;
}

.u-w40 {
    width: 40% !important;
}

.u-w45 {
    width: 45% !important;
}

.u-w48 {
    width: 48% !important;
}

.u-w485 {
    width: 48.5% !important;
}

.u-w50 {
    width: 50% !important;
}

.u-w55 {
    width: 55% !important;
}

.u-w60 {
    width: 60% !important;
}

.u-w65-100 {
    width: 65% !important;
}

.u-w66 {
    width: 66.6% !important;
}

.u-w70,
.u-w70-90,
.u-w70-95 {
    width: 70% !important;
}

.u-w80 {
    width: 80% !important;
}

.u-w85 {
    width: 85% !important;
}

.u-w90 {
    width: 90% !important;
}

.u-w95 {
    width: 95% !important;
}

.u-w100 {
    width: 100% !important;
}

.u-w20-33,
.u-w20-25 {
    width: 20% !important;
}

.u-w60-80 {
    width: 60% !important;
}

.u-w10-20 {
    width: 10% !important;
}

.u-w90-80 {
    width: 90% !important;
}

.u-w10-33 {
    width: 10% !important;
}

.u-w324 {
    width: 32.4% !important;
}

/* list style */
.u-lstDisc {
    list-style-type: disc;
}

/* border */
.u-borClrP {
    border-color: #fd6d2c !important;
}

.u-borClr01 {
    border-color: #999999 !important;
}

.u-borClr02 {
    border-color: #aaaaaa !important;
}

.u-borClr03,
.u-borClr--gray05 {
    border-color: #cccccc !important;
}

.u-borClr04 {
    border-color: #e5e5e5 !important;
}

.u-borClr05 {
    border-color: #67ad60 !important;
}

.u-borClr06 {
    border-color: #ed1c24 !important;
}

.u-borClr07 {
    border-color: #000000 !important;
}

.u-borClr14 {
    border-color: #a8893d !important;
}

.u-borClr15 {
    border-color: #c7b299 !important;
}

/* decollme */
.u-borClr19 {
    border-color: #ee5a24 !important;
}

/* minibag present */
.u-borClr20 {
    border-color: #2988bc !important;
}

/* hikitaku LP blue */
.u-borClr21 {
    border-color: #ff803b !important;
}

.u-borClr51 {
    border-color: #ffaa00 !important;
}

/* 出産内祝い orange */
.u-borClr7F4F21 {
    border-color: #7f4f21 !important;
}

.u-borA0 {
    border: 0 !important;
}

.u-borA1 {
    border: 1px solid;
}

.u-borA2 {
    border: 2px solid;
}

.u-borA3 {
    border: 3px solid;
}

.u-borT1 {
    border-top: 1px solid;
}

.u-borT2 {
    border-top: 2px solid;
}

.u-borB1 {
    border-bottom: 1px solid;
}

.u-borB2 {
    border-bottom: 2px solid;
}

.u-borL1 {
    border-left: 1px solid;
}

.u-borR1,
.u-borR1-0 {
    border-right: 1px solid;
}

.u-borTB1 {
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.u-borDsA1 {
    border: 1px dashed;
}

.u-borDsT1 {
    border-top: 1px dashed;
}

.u-borDsB1 {
    border-bottom: 1px dashed;
}

.u-borDsL1 {
    border-left: 1px dashed;
}

.u-borDsR1 {
    border-right: 1px dashed;
}

.u-borDsTB1 {
    border-top: 1px dashed;
    border-bottom: 1px dashed;
}

/* u-borR
*/
.u-borRad20 {
    border-radius: 20px;
}

.u-borRad10 {
    border-radius: 10px;
}

.u-borRad04 {
    border-radius: 4px;
}

.u-borRad05 {
    border-radius: 5px;
}

.u-borRad50par {
    border-radius: 50%;
}

.u-wordB_n {
    word-break: normal;
}
/* 画像の中央にテキスト */

.u-txtOnImgCnt {
    position: relative;
}

.u-txtOnImgCnt p {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
}

.u-txtOnImgCnt img {
    width: 100%;
}

@media screen and (min-width: 680px) {
    .u-pcNone {
        display: none;
    }
}

@media screen and (max-width: 679px) {
    .u-spNone {
        display: none;
    }

    .u-fs13-10 {
        font-size: 10px !important;
    }
}

/* box shadow */
.u-bxSh01 {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.35);
}

/* #u-family 明朝
u-family1<br>
`"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif`
*/
.u-family1 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*游ゴシック*/
.font-yugothic {
    font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Maru Gothic W4 JIS2004", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* アニメーション */
.anime-scrollSlideD {
    opacity: 0;
    transform: translateY(60px);
    transition: all 1s;
}

.anime-scrollSlideD.is-active {
    opacity: 1;
    transform: translateY(0);
}

/* --- H2タイトル帯 --- */

h2.tCate {
    margin: 90px 0 10px 0;
    padding: 0 0 0 10px;
    border-bottom: 2px solid #000;
    font-size: 18px;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: normal !important;
}

h2.tCate span {
    font-size: 36px;
    font-family: "Allura", cursive, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, sans-serif;
    margin: 0 20px 0 0;
}

h2.tCate span.rightLink {
    font-size: 12px;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, sans-serif;
    margin: 0;
    padding: 22px 0 0 0;
    float: right;
}

.catTopH2--black {
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    background-color: #000;
    padding: 0.75em;
    text-align: center;
}

/* 画像リンクスタイル */
/*#header a:hover,
#extra a:hover,
#sub a:hover,
.bnBlock a:hover,
#mainContent a:hover,
#systemWrap a:hover {
	opacity:.75;
}*/

strong {
    font-weight: bold;
}

/* --- テーブルスタイル --- */
.tableColor {
    margin: 0 10px 15px 10px;
}

.tableColor table {
    width: 100%;
    margin: 0;
    border-top: #ccc 1px solid;
}

.tableColor table th {
    text-align: left;
    padding: 5px 10px;
    border-bottom: #ccc 1px solid;
    border-left: #ccc 1px solid;
    background: #ffe5d7;
}

.tableColor table td {
    padding: 5px 10px;
    border-bottom: #ccc 1px solid;
    border-right: #ccc 1px solid;
    line-height: 1.6em;
}

/* --- 見出し装飾 --- */
.styleBlock .typeBorder {
    font-size: 115.4%;
    background: url(../images/parts/h_bg_01.png) 0 bottom repeat-x;
    padding: 0 0 10px;
    margin: 10px 0;
}

#main h3.typeBorder {
    background: url(../images/parts/h_bg_01.png) 0 bottom repeat-x;
    font-weight: bold;
    padding: 0 0 10px;
    margin: 10px 0;
}

.typePoint {
    background: url(../images/parts/ic_arrow_03.png) 0 top no-repeat;
    padding: 2px 0 5px 18px;
}

.typeBrown {
    background: url(../images/parts/h_bg_02.png) 0 bottom repeat-x;
    padding: 0 0 10px;
    margin: 10px 0 10px;
}

.typeDouble {
    background: url(../images/parts/h_bg_01.png) 0 bottom repeat-x;
    padding: 0 0 10px;
    margin: 10px 0;
}

/* SPでアクセスしたときに表示するボタン */
#btn_sp {
    display: none;
    position: fixed;
    bottom: 1%;
    right: 1%;
    font-size: 40px;
    color: #fff;
    background-color: rgba(192, 0, 0, 0.75);
    text-align: center;
    z-index: 9999;
    border-radius: 15px;
}

#top #btn_sp {
    width: 50%;
}

#twoCol #btn_sp {
    width: 55%;
}

#btn_sp a {
    display: block;
    padding: 0.55em 1em;
    color: #fff;
    text-decoration: none;
}

/* sp */
br.sp {
    display: none;
}

/*---------------
	矢印Webフォント風
	double： 》
	tri： ▲
--------------- */
i.arrow-double,
i.arrow-tri {
    display: inline-block;
    font-size: inherit;
    font-style: normal;
}

i.arrow-double:before {
    margin-left: 0.5em;
}

i.arrow-tri:before {
    margin-top: 0.5em;
}

i.arrow-double:before {
    content: "》";
}

i.arrow-tri:before {
    content: "▲";
}

i.arrow-double.arrow-down {
    transform: rotate(90deg);
}

i.arrow-double.arrow-up {
    transform: rotate(-90deg);
}

i.arrow-tri.arrow-right {
    transform: rotate(90deg);
    margin-right: 0.5em;
}

/* header ----------------------------------------------- */
#header {
    width: 100%;
}

#header-top {
    width: 960px;
    margin: 0 auto;
    text-align: center;
}

#header h1,
#header2019 h1 {
    font-size: 90%;
    padding-top: 8px;
    margin-bottom: 12px;
    color: #808080;
    text-align: left;
}

#slogo {
    width: 160px;
    margin-bottom: 12px;
    text-align: left;
}

#header-bottom {
    width: 960px;
    margin: 0 auto;
}

/* sub navigation */
#subnavi {
    position: absolute;
    top: 35px;
    left: 175px;
    width: 400px;
}

#header2019 #subnavi {
    position: absolute;
    top: 35px;
    left: 174px;
    width: 150px;
    font-size: 18px;
}

#header2019 #subnavi a {
    cursor: pointer;
    text-decoration: none;
}

#subnavi li {
    float: left;
    margin: 0 8px 5px 0;
}

#header2019 #subnavi li {
    float: left;
    margin-right: 8px;
    margin-bottom: 0;
}

#header2019 #subnavi li a p {
    padding-left: 1.5em;
}

/* tel,fax,cart */
#contact {
    position: absolute;
    top: 40px;
    right: 235px;
}

#header2019 #contact {
    padding: 12px 0 8px 22px;
    border-left: solid 1px rgba(0, 0, 0, 0.14);
    position: absolute;
    top: 22px;
    right: 390px;
}

#header2019 #contact a {
    font-size: 20px;
    text-decoration: none;
    padding-left: 1.5em;
    margin-bottom: 0.25em;
}

#header2019 #contact span {
    font-size: 11px;
    color: #666;
}

#cart {
    position: absolute;
    top: 40px;
    right: 0;
}

#header2019 #cart {
    position: absolute;
    top: 43px;
    right: 25px;
}

#header2019 #cart a {
    text-decoration: none;
}

#header2019 #cart p {
    font-size: 11px;
}

#contact li {
    margin-bottom: 5px;
}

/* global navigation */
#gnavi {
    width: 100%;
    /* カテゴリ・商品ページ iframe幅962pxで調整 */
    margin-bottom: 10px;
}

#header2019 #gnavi {
    width: 962px;
    /* カテゴリ・商品ページ iframe幅962pxで調整 */
    margin: 10px auto;
    background-image: none;
    background-color: #efe7e3;
    background-repeat: no-repeat;
}

#header2019 #gnavi-wide {
    width: 100%;
    margin: 10px 0 0 0;
    background-image: none;
    background-color: #efe7e3;
    background-repeat: no-repeat;
}

/*#gnavi-inner {
	width:962px;
	margin:0 auto;
	background:url(../images/gnavi_bg.jpg) no-repeat center top;
}*/
#gnavi-inner ul {
    width: 962px;
    margin: 0 auto;
    position: relative;
}

#header2019 #gnavi ul,
#header2019 #gnavi-wide ul {
    width: 962px;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #gnavi-inner ul {
        font-size: 0;
    }
}

/* Chrome, Safari */

#gnavi li,
#gnavi-wide li {
    float: left;
}

#header2019 #gnavi li,
#header2019 #gnavi-wide li {
    width: 137.42px;
    display: flex;
    align-items: center;
    height: 52px;
    box-sizing: border-box;
    border-right: solid 1px #e5dace;
}

#header2019 #gnavi li:hover,
#header2019 #gnavi-wide li:hover {
    background-color: #e5dace;
}

#header2019 #gnavi li:first-of-type,
#header2019 #gnavi-wide li:first-of-type {
    border-left: solid 1px #e5dace;
}

#header2019 #gnavi li a,
#header2019 #gnavi-wide li a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 13px;
    float: none;
    text-decoration: none;
    height: 38px;
    width: 100%;
}

#header2019 #gnavi li a p,
#header2019 #gnavi-wide li a p {
    color: #666;
}

#gnavi li a,
#gnavi-wide li a {
    display: block;
}

/* ヘッダ検索窓 */
#searchform-header {
    position: absolute;
    left: 175px;
    top: 65px;
}

#header2019 #searchform-header {
    position: absolute;
    left: 170px;
    top: 66px;
}

#searchform-header input[type="text"] {
    border: 1px solid #ccc;
    background: #dddddd;
    /* Old browsers */
    background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 50%, #ffffff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(50%, #ffffff), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 50%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dddddd 0%, #ffffff 50%, #ffffff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dddddd 0%, #ffffff 50%, #ffffff 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #dddddd 0%, #ffffff 50%, #ffffff 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

#header2019 #searchform-header input[type="text"] {
    border: 1px solid #666;
    background: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

#searchform-header #keyword {
    width: 185px;
    float: left;
}

#header2019 #searchform-header #keyword {
    width: 154px;
    float: left;
}

#searchform-header #keyword input[type="text"] {
    width: 150px;
    height: 22px;
    margin-left: -5px;
}

#header2019 #searchform-header #keyword input[type="text"] {
    width: 126px;
    height: 22px;
    margin-right: -10px;
    padding: 0 10px;
}

#searchform-header #price {
    width: 155px;
    float: left;
}

#searchform-header #price input[type="text"] {
    width: 45px;
    height: 22px;
    padding: 0px 3px;
}

#searchform-header form label {
    display: none;
}

#searchform-header input[type="submit"] {
    width: 50px;
    height: 24px;
    margin: 0;
}

#header2019 #searchform-header input[type="submit"] {
    cursor: pointer;
    display: block;
    width: 24px;
    height: 24px;
    border: none;
    text-indent: -9999px;
    margin: 0;
    background: url(https://www.rakuten.ne.jp/gold/piary/images/parts/icon-search.svg) no-repeat 0 0;
}

/* 2019デザイン変更分 伊賀本 */
/* 2019デザイン変更分 青木追記 */
#header2019 .inquiry_area {
    display: flex;
    font-size: 11px;
    position: absolute;
    top: 30px;
    right: 85px;
}

#header2019 .inquiry_area .mail_form_area {
    width: 106px;
    border-left: solid 1px rgba(0, 0, 0, 0.14);
    border-right: solid 1px rgba(0, 0, 0, 0.14);
}

#header2019 .inquiry_area .mail_form_area a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

#header2019 .inquiry_area .mail_form_area .mail_icon {
    width: 20px;
    height: 20px;
}

#header2019 .inquiry_area .guidelines_area {
    width: 178px;
    padding-left: 5px;
    border-right: solid 1px rgba(0, 0, 0, 0.14);
}

#header2019 .inquiry_area a {
    cursor: pointer;
    text-decoration: none;
}

#header2019 .inquiry_area .guidelines_area li p {
    padding-left: 1em;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

#header2019 .tel_icon,
#header2019 .arrow_icon,
#header2019 .home_icon,
#header2019 .inquiry_area .guide_icon,
#header2019 .inquiry_area .ques_icon {
    position: relative;
    display: inline-block;
}

#header2019 .tel_icon::after {
    position: absolute;
    content: "";
    width: 33px;
    height: 21px;
}

#header2019 .home_icon::after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
}

#header2019 .arrow_icon::after,
#header2019 .inquiry_area .guide_icon::after,
#header2019 .inquiry_area .ques_icon::after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
}

#header2019 .inquiry_area .guide_icon::after {
    background: url(https://www.rakuten.ne.jp/gold/piary/images/parts/icon-guid.svg) no-repeat 0 0;
    left: -6px;
    top: 2px;
}

#header2019 .inquiry_area .ques_icon::after {
    background: url(https://www.rakuten.ne.jp/gold/piary/images/parts/icon-faq.svg) no-repeat 0 0;
    left: -7px;
    top: 3px;
}

#header2019 .arrow_icon::after {
    background: url(https://www.rakuten.ne.jp/gold/piary/images/parts/icon-gift01.svg) no-repeat 0 0;
    left: -8px;
    top: 0px;
    background-size: cover;
}

#header2019 .home_icon::after {
    background: url(https://www.rakuten.ne.jp/gold/piary/images/parts/icon-home01.svg) no-repeat 0 0;
    left: 4px;
    top: 0px;
    background-size: cover;
}

#header2019 .tel_icon::after {
    background: url(https://www.rakuten.ne.jp/gold/piary/images/parts/icon-freedial.svg) no-repeat 0 0;
    left: -7px;
    top: 0px;
}

/* サブカテゴリ部分 */

#gnavi .subcategory,
#gnavi-wide .subcategory {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 960px;
    border: 1px solid #cec0bb;
    border-top: 0;
    background: #faf8f0;
    z-index: 10000;
}

#header2019 #gnavi .subcategory,
#header2019 #gnavi-wide .subcategory {
    width: 962px;
    background: #fff;
    box-sizing: border-box;
}

#gnavi .subcategory p,
#gnavi-wide .subcategory p {
    display: table;
    float: left;
    width: 20%;
}

#gnavi .subcategory a,
#gnavi-wide .subcategory a {
    float: none;
    display: table-cell;
    width: 100%;
    height: 40px;
    vertical-align: middle;
    line-height: 1.1em;
    font-size: 12px;
    background: url(http://www.rakuten.ne.jp/gold/piary/images/parts/ic_arrow_05.png) no-repeat 10px 50%;
    padding-left: 23px;
    text-decoration: none;
}

#header2019 #gnavi .subcategory a,
#header2019 #gnavi-wide .subcategory a {
    float: none;
    display: table-cell;
    width: 100%;
    height: 49px;
    vertical-align: middle;
    line-height: 1.2em;
    font-size: 13px;
    background: url(http://www.rakuten.ne.jp/gold/piary/images/parts/ic_arrow_05.png) no-repeat 10px 50%;
    padding-left: 23px;
    text-align: left;
}

#gnavi .subcategory a:hover,
#gnavi-wide .subcategory a:hover {
    background-color: #ffffff;
    text-decoration: none;
}

/* back to top button */
.fixArea {
    position: fixed;
    bottom: 5%;
    right: 0;
    font-size: 77%;
    z-index: 9998;
    display: none !important;
}

/* banner fee */
#bn_fee {
    margin-bottom: 20px;
}

#bn_fee_campaign {
    margin-bottom: 20px;
}

/* contents ----------------------------------------------- */

#contents {
    width: 960px;
    margin: 0 auto;
    padding-bottom: 50px;
    background-color: #fff;
}

/* topic path */
#topicPath {
    padding: 9px 0 7px;
    border-bottom: 1px dashed #a29d97;
    margin-bottom: 15px;
}

#topicPath li.home {
    padding-left: 35px;
    background: url(../images/parts/ic_home_02.png) 0 0 no-repeat;
    margin: 0;
}

#topicPath li {
    display: inline;
    font-size: 84.6%;
    height: 18px;
    padding: 5px 0 10px 15px;
    margin: 0 0 0 15px;
    background: url(../images/parts/ic_arrow_01.png) 0 8px no-repeat;
}

#topicPath li a {
    text-decoration: underline;
}

/* pager (slider) */
.mainSlide {
    zoom: 1;
    margin: 15px 0 0;
}

.mainSlide .bx-wrapper {
    position: relative;
    margin: 0 0 50px;
    padding: 0;
}

.mainSlide .bx-wrapper .bx-pager .bx-pager-item,
.mainSlide .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.mainSlide .bx-wrapper .bx-pager.bx-default-pager a {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    cursor: pointer;
    width: 12px;
    height: 12px;
    margin: 0 6px;
    background: url(../images/parts/ic_mainvisual_01.png) 0 -16px no-repeat;
}

.mainSlide .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: url(../images/parts/ic_mainvisual_01.png) 0 0 no-repeat;
}

.mainSlide .bx-wrapper .bx-pager {
    position: absolute;
    width: auto;
    right: 0px;
    bottom: -25px;
}

#top .bx-pager,
.mainSlide .bx-controls-auto {
    left: 0;
    bottom: 0;
}

/*	#top .mainSlide {
		height:575px;
	} */
#top .mainSlide .bx-wrapper {
    margin: 0 0 10px;
}

/* サムネイルページャー */
#top .mainSlide .bx-pager ul {
    margin: 0 0 0 -6px;
}

#top .mainSlide .bx-pager ul li {
    float: left;
    width: 156px;
    display: inline-block;
    margin: 0 0 0 5px;
    *display: inline;
    *zoom: 1;
}

#top .mainSlide .bx-pager a {
    text-align: center;
    font-size: 10px;
    color: #999999;
    display: block;
}

#top .mainSlide .bx-pager a img {
    background: #fff;
    padding: 2px;
    border: 1px solid #ccc;
    margin: 0 0 2px;
}

#top .mainSlide .bx-pager a.active img,
#top .mainSlide .bx-pager a:hover img {
    border: 1px solid #b2a089;
}

/* ページコントロール */
.mainSlide .bx-wrapper .bx-controls-direction {
    display: none;
}

#top .mainSlide .bx-wrapper .bx-controls {
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
}

#top .mainSlide .bx-wrapper .bx-controls-direction {
    position: relative;
    display: block;
}

#top .mainSlide .bx-wrapper .bx-controls-direction .bx-prev,
#top .mainSlide .bx-wrapper .bx-controls-direction .bx-next {
    text-indent: -9999px;
    position: absolute;
    width: 62px;
    height: 62px;
    top: -31px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

#top .mainSlide .bx-wrapper .bx-controls-direction .bx-prev:hover,
#top .mainSlide .bx-wrapper .bx-controls-direction .bx-next:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

#top .mainSlide .bx-wrapper .bx-controls-direction .bx-prev {
    background: url(../images/parts/mainvisual_bt_02.png) 0 0 no-repeat;
    left: -80px;
}

#top .mainSlide .bx-wrapper .bx-controls-direction .bx-next {
    background: url(../images/parts/mainvisual_bt_01.png) 0 0 no-repeat;
    right: -80px;
}

/*SP版スライダー解体＠田中21.02.11*/
.bannerList {
    display: none;
}

/* main ----------------------------------------------- */
#twoCol #main {
    width: 785px;
    float: right;
}

#top #main,
#oneCol #main {
    width: 960px;
    float: none;
}

.mainInner {
    margin-bottom: 20px;
}

/* 見出しなど --------------------- */
#main h2,
/*#main h3,*/
#main h4,
#mainContent h2,
#mainContent h3,
#mainContent h4 {
    font-weight: bold;
    line-height: 1.2;
}

#main h2:not([class]),
#mainContent h2:not([class]) {
    margin-bottom: 10px;
}

.hPiary,
.hPetit,
.hPaper,
.hWelcome,
.hWeddinggift,
.hCeremony,
.hPrize,
.hGift {
    height: 16px;
    color: #555;
    font-size: 115.4%;
    font-weight: bold;
    padding: 15px 0 15px 25px;
    margin: 0 0 15px;
}

#twoCol .hPiary {
    background: url(../images/parts/piary_h_01.png) 0 0 no-repeat;
}

#oneCol .hPiary {
    background: url(../images/parts/piary_h_l_01.png) 0 0 no-repeat;
}

#oneCol .hWeddinggift {
    background: url(../images/parts/weddinggift_h_l_01.png) 0 0 no-repeat;
}

.hPetit {
    background: url(../images/parts/petitgift_h_01.png) 0 0 no-repeat;
}

#twoCol .hPaper {
    background: url(../images/parts/paper_h_01.png) 0 0 no-repeat;
}

#oneCol .hPaper {
    background: url(../images/parts/paper_h_l_01.png) 0 0 no-repeat;
}

.hWelcome {
    background: url(../images/parts/welcome_h_01.png) 0 0 no-repeat;
}

.hWeddinggift {
    background: url(../images/parts/weddinggift_h_01.png) 0 0 no-repeat;
}

.hCeremony {
    background: url(../images/parts/ceremony_h_01.png) 0 0 no-repeat;
}

.hPrize {
    background: url(../images/parts/prize_h_01.png) 0 0 no-repeat;
}

.hGift {
    background: url(../images/parts/gift_h_01.png) 0 0 no-repeat;
}

/* #main p {
	margin-bottom:1em;
} */

#specialContent01 h3,
#systemWrap h3 {
    font-size: 115.4%;
    margin-bottom: 10px;
}

#mainContent h4,
#specialContent01 h4,
#systemWrap h4 {
    font-size: 14px;
    margin-bottom: 0.5em;
}

.borderDot {
    border-bottom: 1px dashed #717071;
}

.bnBlock {
    margin: 0 0 15px 0;
}

#systemWrap {
    padding: 16.5px;
    margin: 0 0 20px;
    border: 1px solid #ddd;
}

#systemWrap .col1_info {
    padding: 20px 40px;
}

#systemWrap .lead {
    margin: 0 0 20px 0;
    text-align: left;
    color: #555;
    font-size: 107.7%;
}

.no-border {
    border: 0 !important;
}

.styleBlock ol {
    list-style: decimal outside;
    margin: 0 30px 15px 30px;
}

.styleBlock li {
    margin: 0 0 10px 5px;
}

/* サイトTOPカテゴリ ------------- */
.mainCon {
    display: inline;
    float: left;
    width: 620px;
    margin: 30px 0 0 0;
}

.topCate .topcateBtn ul {
    margin: 10px -10px 20px 0;
}

.topCate .topcateBtn ul li {
    width: 200px;
    float: left;
    margin: 0 10px 15px 0;
    display: inline;
}

.topCate .topcateBtn ul li a span {
    display: block;
    font-size: 92.3%;
    padding: 0 0 0 15px;
    background: url(../images/parts/ic_arrow_05.png) 0 50% no-repeat;
}

.topCate .topcateBtn ul li div {
    font-size: 92%;
    margin: 5px 0 15px;
}

/* 特集一覧リンク */
.itemSpecial h3 .specialLink {
    font-weight: normal;
    margin: 0 0 0.75em 490px;
    text-align: right;
}

#main .itemSpecial h3 .specialLink {
    margin: 0 0 0.75em 325px;
}

/* 記事一覧リンク */
.itemSpecial h3 .articleLink {
    font-weight: normal;
    margin: 0 0 0.75em 318px;
    text-align: right;
}

.piaryTop .itemSpecial h3 .specialLink {
    margin: 0 0 0.75em 325px;
}

/* 新着情報（下層ページ）-------- */
/*.infoList {
	background:url(../images/parts/box_bg_05.png) 0 0 repeat;
	padding:6px 10px 5px 10px;
}
.infoList h3 {
	background: url(../images/parts/h_bg_03.png) 0 bottom repeat-x;
	padding: 0 0 3px;
	margin: 0 0 5px;
}*/
.itemNews {
    margin: 0 0 20px 0;
}

.itemNews .infoList dl {
}

.itemNews .infoList dt {
    float: left;
    padding: 0 10px 4px 10px;
}

.itemNews .infoList dt img {
    margin-left: 10px;
}

.itemNews .infoList dd {
    border-bottom: 1px dotted #b0a69f;
    padding: 0 10px 4px 160px;
    margin: 0 0 5px;
}

/* 新着（総合TOP） */
/* 総合TOP右サイト　新着リスト */

#top-infolist {
    background: url(http://www.rakuten.ne.jp/gold/piary/images/parts/box_bg_l_02.png) 0 0 no-repeat;
    background-size: 100%;
    margin: 0;
    padding: 20px 20px 0 20px;
}

/*#top-infolist h3{
	text-align: center;
	border-bottom: 1px dotted #888;
	padding-bottom: 4px;
}*/
/*TOP 新着情報、メディア掲載デザイン変更20190328湯澤*/

#top-infolist dl {
    margin: 10px 0 0 0;
}

#top-infolist dl dt {
    margin-top: 10px;
    padding: 0 0 0 12px;
    background: url(http://www.rakuten.ne.jp/gold/piary/images/parts/ic_arrow_05.png) 0 3px no-repeat transparent;
}

#top-infolist dl dt img {
    margin-left: 12px;
}

#top-infolist dl dd {
    margin: 4px 0 0 0;
    font-size: 11px;
}

#top-infolist dl dd.content {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 8px;
}

#top-infolist dl dd.content:last-child {
    border: 0;
    padding: 0;
}

#top-infolist img {
    max-width: 100%;
}

#top-infolist .info-more {
    border-top: 1px dotted #888;
    margin-top: 10px;
    padding-top: 4px;
    text-align: right;
}

#top-infolist .info-more a {
    padding: 0 0 0 12px;
    background: url(/resource/img/ic_arrow_05.png) 0 3px no-repeat transparent;
}

/* 特集 ------------------------*/
/* 共通 */
.itemSpecial .bnBlock ul li {
    display: inline;
    float: left;
    margin: 0 0 10px 17px;
    width: 250px;
}

.itemSpecial .bnBlock ul {
    margin: 0 0 0 -17px;
}

.itemSpecial .bnBlock ul li span {
    display: block;
    font-size: 92.3%;
    padding: 0 0 0 15px;
    background: url(../images/parts/ic_arrow_05.png) 0 3px no-repeat;
}

/* サイトTOP */
#top #main {
    margin: 0 auto;
}

#top .itemSpecial .bnBlock {
    margin: -10px 0 0;
    padding: 20px 0 0;
    background: url(../images/parts/box_bg_04.png) 0 0 repeat;
}

#top .itemSpecial .bnBlock ul {
    margin: 0;
}

#top .itemSpecial .bnBlock ul li {
    margin: 0 0 20px 20px;
    background: #fff;
    width: 280px;
}

#top .itemSpecial .bnBlock ul li a img {
    border: 5px solid #c9bc9c;
}

/* 注目キーワード ---------------- */
/* メイン・サイドバー共通 */
.keywordList,
#sub .keywordList {
    margin: 0 0 10px;
}

#sub .keywordList li {
    padding: 0 10px;
}

.keywordList li a,
#sub .keywordList li a {
    background: url(../images/parts/ic_arrow_01.png) 0 7px no-repeat;
    padding: 0 0 0 12px;
    line-height: 2;
    display: inline-block;
}

/* サイトTOP */
.keywordList li {
    display: inline-block;
    margin: 0 20px 0 0;
}

/* 商品リスト（共通）--------------- */
.itemBlock {
    margin: 0 0 0 -13px;
}

.itemBlock li {
    width: 146px;
    margin: 0 0 10px 13px;
    display: inline;
    position: relative;
    float: left;
    z-index: 200;
    line-height: 1.2;
}

.itemBlock li a {
    text-decoration: none;
}

.itemBlock li .rankNum {
    margin: 0 0 16px;
    display: block;
}

.itemBlock li .rankNum.prize_rank {
    text-align: center;
}

.itemBlock li .rankNumSP {
    display: none;
}

.itemBlock li .price,
.proBlock .price {
    color: #ff6d2e;
    font-weight: bold;
    margin: 5px 0 25px 0;
}

.itemBlock li .price span,
.proBlock .price span {
    font-weight: normal;
    font-size: 84.6%;
    margin: 0 5px 0 0;
    color: #fff;
    background: #ff6d2e;
    padding: 1px 4px;
}

.itemBlock li a .img {
    display: block;
}

.itemBlock li a .img img {
    border: #ddd 1px solid;
    padding: 2px;
    background: #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    margin: 0 0 5px 0;
    box-sizing: border-box;
    max-width: 100%;
    height: auto;
}

.itemBlock li a:hover .img img {
    border: #b2a089 1px solid;
}

.itemBlock li .price {
    color: #ff6d2e;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0 25px 0;
}

.itemBlock li .price span {
    font-weight: normal;
    font-size: 84.6%;
    margin: 0 5px 0 0;
    color: #fff;
    background: #ff6d2e;
    padding: 1px 4px;
    display: none;
}

#main .exception,
.exception {
    color: red;
    font-weight: bold;
    margin: 0 0 5px;
}

/* 関連商品 --------------------------*/
.itemRelation ul.itemBlock {
    margin: 0 0 0 -13px;
}

.itemRelation ul.itemBlock li {
    width: 146px;
    margin: 0 0 10px 13px;
}

/* サイトTOP */
#top .itemRelation ul.itemBlock {
    margin: 0 0 0 -12px;
}

#top .itemRelation ul.itemBlock li {
    margin: 0 0 10px 12px;
}

/* おすすめ商品リスト */
#top .itemRelation ul.itemBlock.itemRecommend-top li:nth-child(-n + 2) {
    width: 303px;
}

.itemRelation ul.itemBlock.itemRecommend-categ li:nth-child(-n + 3) {
    width: 252px;
}

/* ランキング -----------------------*/
.itemRanking ul.itemBlock {
    margin: 0 0 0 -16px;
}

.itemRanking ul.itemBlock li {
    margin: 0 0 10px 8px;
    width: 150px;
}

#mainContent .itemRanking .itemWrap,
.itemRanking .itemWrap {
    padding: 0 0 0 10px;
}

#mainContent .rankLeft,
.rankLeft {
    width: 410px;
    float: left;
}

#mainContent .itemRanking ul.top li p.desc,
.itemRanking ul.top li p.desc {
    font-size: 84.6%;
    margin: 10px 0 0 0;
}

#mainContent .itemRanking ul.rank2to10 li:first-child,
.itemRanking ul.rank2to10 li:first-child {
    display: none;
}

#mainContent .itemRanking ul.rank2to10 li:nth-child(-n + 5),
.itemRanking ul.rank2to10 li:nth-child(-n + 5) {
    margin: 0 0 21px 17px;
    width: 165px;
}

#mainContent .itemRanking ul.top li,
.itemRanking ul.top li {
    margin: 0 0 10px 8px;
    width: 400px;
}

/* 20190729 青木追記 */
.c-item-ranking-menu {
    display: block !important;
}

.c-item-ranking-menu-sp {
    display: none !important;
}

.itemRanking .c-item-ranking-menu {
    margin: 25px 0 30px;
}

.itemRanking .c-item-ranking-menu {
    padding: 11px 20px 10px;
    border: 1px solid #ff6d2e;
    border-radius: 5px;
}

.itemRanking .c-item-ranking-menu li {
    width: 30% !important;
    font-size: 13px;
    text-align: center;
    padding: 8px 0 6px;
    border-radius: 5px;
    cursor: pointer;
}

.itemRanking .c-item-ranking-menu li.c-item-ranking-menu__list__none {
    cursor: default;
}

.itemRanking .c-item-ranking-menu .js-menu-current {
    color: #fff;
    background-color: #ff6d2e;
    border-radius: 5px;
}

.itemRanking .c-item-ranking-menu .c-item-ranking-menu__arrow {
    width: 4%;
    height: 100%;
    position: absolute;
    top: 0;
    cursor: pointer;
}

.itemRanking .c-item-ranking-menu .c-item-ranking-menu__arrow--prev {
    display: none;
    left: 0;
}

.itemRanking .c-item-ranking-menu .c-item-ranking-menu__arrow--next {
    right: 0;
}

.itemRanking .c-item-ranking-menu .c-item-ranking-menu__arrow::before {
    content: "";
    width: 10px;
    height: 10px;
    margin: 0;
    position: absolute;
    top: calc(50% - 5px);
    bottom: 0;
    box-sizing: border-box;
    border-bottom: 1px solid #ff6d2e;
    border-left: 1px solid #ff6d2e;
}

.itemRanking .c-item-ranking-menu .c-item-ranking-menu__arrow--prev::before {
    left: 12px;
    transform: rotate(45deg);
}

.itemRanking .c-item-ranking-menu .c-item-ranking-menu__arrow--next::before {
    right: 12px;
    transform: rotate(225deg);
}

.itemRanking .c-item-ranking-menu .u-slick-None {
    display: none !important;
}

.itemRanking .c-item-ranking-slick .slick-list {
    min-height: 820px;
}

#top .itemRanking ul.itemBlock.itemRecommend-top {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: 0;
}

.itemRanking ul.itemBlock.itemRecommend-top li {
    width: 23.5%;
    margin: 0;
}

.itemRanking ul.itemBlock.itemRecommend-top li:nth-child(-n + 6) {
    width: 31%;
}

.rankNum__rank img {
    margin-bottom: 0.5em;
}

.itemBlock li .price span.aliasname__alians,
.itemBlock li .price span.aliasname__alias {
    color: #a56040;
    font-size: 11px;
    line-height: 1.4em;
    padding: 0;
    margin: 0;
    background: none;
}

.c-item-ranking-slick .slick-dots {
    display: none !important;
}

/* おすすめ商品 ---------------------*/
.pickLeft {
    width: 420px;
    float: left;
    font-size: 92.3%;
}

.pickRight {
    width: 350px;
    float: right;
    font-size: 92.3%;
}

/* サイトTOP */
#top .pickLeft {
    width: 277px;
}

#top .pickRight {
    width: 330px;
}

.pickLeft ul.itemBlock {
    margin: 0 0 0 -5px;
}

.pickLeft ul.itemBlock li {
    width: 136px;
    margin: 0 0 10px 5px;
}

.proBlock {
    margin: 0 0 15px;
    position: relative;
}

.proBlock a .img img {
    border: 1px solid #ddd;
    padding: 2px;
    float: left;
    margin: 0 10px 0 0;
}

.proBlock a:hover .img img {
    border: #b2a089 1px solid;
}

/* 【カテゴリTOP】レビュー */
section.topReview {
    background: url(../images/parts/box_bg_05.png);
}

section.topReview ul {
    list-style-type: none;
    background: url(../images/top_paper_review.png) no-repeat;
    margin-bottom: 10px;
    padding-top: 75px;
}

section.topReview ul.giftReview {
    background: url(../images/top_paper_review2.png) no-repeat;
}

section.topReview ul li {
    float: left;
    margin: 10px 0 15px 30px;
    padding: 5px;
    width: 340px;
    height: 190px;
    font-size: 12px;
}

section.topReview ul li.txt_small {
    font-size: 11px;
}

section.topReview ul li h5 {
    background: #99703d;
    color: #fff;
    margin-bottom: 7px;
    padding: 10px 0;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

section.topReview ul li strong {
    background: #fcb;
    font-weight: normal;
}

section.topReview ul li a {
    text-decoration: underline;
    color: #900;
}

div.header_text {
    font-size: 14px;
    color: #822;
    line-height: 1.8em;
    text-align: center;
    margin-top: 64px;
    margin-left: 92px;
}

/* 【プチギフト】indexカテゴリ一覧 */
/*.catPetit {
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	margin: 25px 0;
	padding-top: 25px;
}*/

/* 【ギフト・内祝い】用途で探す */
.whatfor li {
    float: left;
}

.whatfor li:first-child {
    margin-right: 8px;
}

.whatfor li.last {
    margin-top: 8px;
}

/* 【景品】トップページ（201410更新！） ------------ */
.top_information {
    margin-bottom: 24px;
}

.top_information .infoList {
    background: transparent;
    padding: 0;
}

.top_information .infoList .inner {
    border: 2px solid #646464;
    padding: 20px 20px 10px;
}

.top_information .infoList p {
    color: #646464;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 4px;
    margin-bottom: 12px;
    text-align: center;
}

.top_information .infoList .title {
    margin-bottom: 10px;
}

.top_information.itemNews .infoList dd:not(:last-child) {
    border-bottom: 2px dotted #646464;
}

.top_information.itemNews .infoList dd a {
    text-decoration: none;
}

.top_information.itemNews .infoList dd:last-child {
    border: none;
}

.itemNews .infoList dd {
    padding-bottom: 2px;
}

.notable_set {
    background-color: #ffe2c5;
    letter-spacing: 0.1em;
    text-align: left;
}

.notable_set ul {
    margin-bottom: 25px;
    padding: 5px 15px 15px;
}

.notable_set ul li {
    display: block;
    float: left;
    width: 370px;
}

.notable_set ul li:nth-child(even) {
    float: right;
}

.notable_set ul li a {
    text-decoration: none;
}

.notable_set ul li img {
    width: 100%;
}

.notable_set .discount {
    display: block;
    position: relative;
    top: -10px;
}

.notable_set .discount del.price {
    font-weight: bold;
    color: #000;
}

.notable_set .discount del:after {
    border-color: transparent transparent transparent #000;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    content: "";
    font-size: 0;
    height: 0;
    margin: 0 3px 0 10px;
    position: relative;
    top: -5px;
    width: 0;
}

.notable_set .discount .discount_price {
    color: #f00000;
    font-size: 30px;
    font-weight: bold;
    position: relative;
    top: 10px;
}

.notable_set .discount .off_price {
    display: block;
    position: absolute;
    right: 3px;
    bottom: 3px;
    padding: 0 3px;
    background: #f00000;
    color: #ffffff;
}

.notable_set .btnMoreOsechi {
    display: block;
    padding: 2% 0;

    text-align: center;
    background-color: #d66401;
}

.prizePopularRanking {
    margin-bottom: 5%;
}

.prizePopularRanking #populerRankingTabs li {
    width: 33.33%;
    float: left;
    text-align: center;
}

.prizePopularRanking #populerRankingTabs li img {
    max-width: 100%;
}

.prizePopularRanking .rankingContWrap {
    padding: 2%;
}

.prizePopularRanking .rankingContWrap h4 {
    margin-bottom: 2%;
    color: #fff;
    font-size: 23px !important;
    text-align: center;
}

.prizePopularRanking .contentTotal {
    background-color: #e23737;
}

.prizePopularRanking .rankingContWrap .rankingCont .btnMens,
.prizePopularRanking .contentMan {
    background-color: #e26e37;
}

.prizePopularRanking .rankingContWrap .rankingCont .btnWoman,
.prizePopularRanking .contentWoman {
    background-color: #379ee2;
}

.prizePopularRanking .rankingContWrap .rankingCont {
    padding: 2%;
    background-color: #fff;
}

.prizePopularRanking .rankingContWrap .rankingCont .btnMore {
    display: block;
    padding: 2% 0;
    text-align: center;
}

.prizePopularRanking .rankingContWrap .rankingCont .itemWrap {
    padding: 0 !important;
}

.prizePopularRanking .rankingContWrap .rankingCont .itemWrap .rankLeft {
    width: 50% !important;
}

.prizePopularRanking .rankingContWrap .rankingCont ul.itemBlock {
    margin: 0;
}

.prizePopularRanking .rankingContWrap .rankingCont ul.top li {
    margin: 0 !important;
    width: 100% !important;
}

.prizePopularRanking .rankingContWrap .rankingCont ul.top li img {
    max-width: 100%;
    height: auto;
}

.prizePopularRanking .rankingContWrap .rankingCont .itemRanking ul.rank2to10 li:nth-child(-n + 5) {
    width: 22% !important;
}

.setNumList__item {
    width: 32%;
    margin-top: 1%;
}

.setNumList__link {
    display: block;
    padding: 1.2rem 0;
    text-align: center;
    font-size: 28px;
    color: #d80001 !important;
    border: 2px solid #d80001;
    text-decoration: none !important;
}

.top_introduction .col3,
.top_introduction .col2 {
    margin: 0 0 17px 0;
}

.top_introduction .col3 li {
    float: left;
    margin: 0 0 0 17px;
    width: 290px;
    text-align: center;
}

.top_introduction .col3 li.twice {
    margin: 0 0 17px 17px;
    width: 597px;
}

.top_introduction .col2 li {
    float: left;
    margin: 0 0 0 17px;
    width: 597px;
}

.top_introduction .col3 li.title,
.top_introduction .col2 li.title {
    margin: 0;
    width: 170px;
}

.top_introduction .col3 li img,
.top_introduction .col2 li img {
    max-width: 100%;
}

.top_introduction .col3_2 li {
    float: left;
    width: 33.3%;
}

.top_pickup .col2 li {
    float: left;
    margin-bottom: 12px;
    width: 50%;
}

.top_pickup .col3_2 li {
    float: left;
    margin-bottom: 12px;
    width: 33.33%;
}

.top_category {
    min-height: 380px;
}

.top_privilege {
    min-height: 3900px;
}

.top_must3 img {
    margin-bottom: 15px;
}

div.user_voice_new {
    position: relative;
    height: 1150px;
    background-image: url(http://www.rakuten.ne.jp/gold/piary/prize/images/bg_voice_new.jpg);
    background-repeat: no-repeat;
    padding: 150px 30px 30px 30px;
    margin-bottom: 30px;
}

div.user_voice_new p.title_first {
    width: 460px;
    padding-bottom: 5px;
    border-bottom: 1px solid #333333;
    color: #7d3f00;
    font-size: 120%;
    margin-bottom: 10px;
    font-weight: bold;
}

div.user_voice_new p.title {
    padding-bottom: 5px;
    border-bottom: 1px solid #333333;
    color: #7d3f00;
    font-size: 120%;
    margin-bottom: 10px;
    font-weight: bold;
}

div.user_voice_new p.title a,
div.user_voice_new p.title_first a {
    color: #7d3f00;
    text-decoration: underline;
}

div.user_voice_new p.title a:hover,
div.user_voice_new p.title_first a:hover {
    text-decoration: none;
    color: #8e5f33;
}

div.user_voice_new p.text span {
    background-color: #ffb37c;
    color: #890003;
}

div.user_voice_new p.person {
    background: #6b3906 url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/top_img/bg_person.gif) no-repeat;
    background-repeat: no-repeat;
    background-color: #6b3906;
    color: #ffffff;
    width: 5em;
    padding: 3px 0 3px 30px;
    margin-bottom: 40px;
    margin-top: 5px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

div.user_voice_new img {
    display: block;
    width: 126px;
    height: 117px;
    z-index: 10;
}

div.user_voice_new img.fu01 {
    position: absolute;
    top: 140px;
    left: 380px;
}

div.user_voice_new img.fu02 {
    position: absolute;
    top: 300px;
    left: 480px;
}

div.user_voice_new img.fu03 {
    position: absolute;
    top: 490px;
    left: 635px;
}

div.user_voice_new img.fu04 {
    position: absolute;
    top: 670px;
    left: 480px;
}

div.user_voice_new img.fu05 {
    position: absolute;
    top: 870px;
    left: 570px;
}

div.user_voice_new img.fu06 {
    position: absolute;
    top: 1030px;
    left: 290px;
}

div.user_voice_new_sp {
    display: none;
}

div.user_voice2 {
    display: block;
    position: relative;
    width: 725px;
    height: 1155px;
    background: url(http://www.rakuten.ne.jp/gold/piary/prize/images/bg_voice_new.jpg) no-repeat 0 0;
    padding: 150px 30px 0 30px;
    margin-bottom: 30px;
}

div.user_voice2 p.title_first {
    width: 460px;
    padding-bottom: 3px;
    border-bottom: 1px dotted #333;
    color: #7d3f00;
    font-size: 115%;
    margin-bottom: 8px !important;
}

div.user_voice2 p.title {
    padding-bottom: 5px;
    border-bottom: 1px dotted #333;
    color: #7d3f00;
    font-size: 115%;
    margin-bottom: 8px !important;
}

div.user_voice2 p.text {
    margin-bottom: 1.2em;
}

div.user_voice2 p.text span {
    background-color: #ffb37c;
    color: #890003;
}

div.user_voice3 {
    display: block;
    position: relative;
    width: 755px;
    height: 1165px;
    background: url(http://www.rakuten.ne.jp/gold/piary/prize/images/bg_voice_new.jpg) no-repeat 0 0;
    padding: 140px 15px 0 15px;
    margin-bottom: 30px;
}

div.user_voice3 p.title_first {
    width: 460px;
    padding-bottom: 3px;
    border-bottom: 1px dotted #333;
    color: #7d3f00;
    font-size: 115%;
    margin-bottom: 8px !important;
}

div.user_voice3 p.title {
    padding-bottom: 5px;
    border-bottom: 1px dotted #333;
    color: #7d3f00;
    font-size: 115%;
    margin-bottom: 8px !important;
}

div.user_voice3 p.text {
    margin-bottom: 1.2em;
    font-size: 12px;
}

div.user_voice3 p.text span {
    background-color: #ffb37c;
    color: #890003;
}

/* 【景品】楽得チョイス ------------ */
/* div.lineup a img:hover {
	opacity:0.75;-moz-opacity:0.75;-filter-:alpha(opacity=75);
}
div.lineup {
	float:left;
	width:245px;
	height:250px;
	position:relative;
	margin-right:15px;
	margin-bottom:15px;
}

div.lineup p.text {
	position:absolute;
	top:190px;
	left:5px;
	z-index:10;
}*/
/* 【景品】お客様の声 */
div.user_voice {
    position: relative;
    width: 725px;
    height: 1125px;
    background: url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/top_img/bg_voice.jpg) no-repeat;
    padding: 30px;
    margin-bottom: 30px;
}

div.user_voice_sp {
    display: none;
}

div.user_voice p.title_first {
    width: 605px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #333;
    color: #7d3f00;
    font-size: 120%;
    margin-bottom: 10px;
}

div.user_voice p.title {
    padding-bottom: 5px;
    border-bottom: 1px dotted #333;
    color: #7d3f00;
    font-size: 120%;
    margin-bottom: 10px !important;
}

div.user_voice p.text {
    margin: 0 !important;
}

div.user_voice p.text span {
    background-color: #ffb37c;
    color: #890003;
}

div.user_voice p.person {
    background: #6b3906 url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/top_img/bg_person.gif) no-repeat;
    color: #ffffff;
    width: 5em;
    padding: 3px 0 3px 30px;
    margin-bottom: 40px !important;
    margin-top: 5px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

div.user_voice img {
    display: block;
    width: 126px;
    height: 117px;
    z-index: 10;
}

div.user_voice img.fu01 {
    position: absolute;
    top: 20px;
    left: 380px;
}

div.user_voice img.fu02 {
    position: absolute;
    top: 180px;
    left: 480px;
}

div.user_voice img.fu03 {
    position: absolute;
    top: 370px;
    left: 635px;
}

div.user_voice img.fu04 {
    position: absolute;
    top: 550px;
    left: 480px;
}

div.user_voice img.fu05 {
    position: absolute;
    top: 750px;
    left: 570px;
}

div.user_voice img.fu06 {
    position: absolute;
    top: 910px;
    left: 290px;
}

div.user_voice_sp {
    display: none;
}

/* 【景品】商品リスト */
.item-list-s li,
.item_PopularMain ul li {
    float: left;
    margin-right: 7px;
    margin-bottom: 20px;
    width: 125px;
    line-height: 1.4;
    display: block;
}

.item-list-s img,
.item_PopularMain img {
    margin-bottom: 4px;
}

.list-ico {
    padding-left: 15px;
    background: url(../images/parts/ic_arrow_l_03.gif) no-repeat 0 2px;
}

/* images(border) */
.pic img,
.item-list-s li img,
.item_PopularMain img {
    border: 1px solid #d0d1d1;
}

.itemChoice .pic {
    border: 1px solid #d0d1d1;
    display: inline-block;
    padding: 3px;
    width: 172px;
    margin-bottom: 5px;
}

/* 【引き出物】贈り分け */
.okuriwake img.pc {
    display: block;
}

.okuriwake a img.pc:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
}

.okuriwake img.sp {
    display: none;
}

.tohow li {
    float: left;
    margin: 0;
}

/* 【引き出物】TOPシリーズリスト */
.wgTopList ul {
    margin: 0;
}

.wgTopList ul li {
    float: left;
    margin: 5px 10px;
    padding: 5px 5px;
    width: 165px;
}

.wgTopList ul li a img {
    width: 163px;
    border: 1px solid #aaa;
}

.wgTopList ul li a:hover img {
    opacity: 0.75;
    filter: aplha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    border: 1px solid #333;
}

/* sidebar ------------------------------ */
/* サイトTOP */
#extra {
    width: 320px;
    float: right;
    margin: 30px 0 0;
}

.frameWide {
    background: url(../images/parts/box_bg_l_01.png) 0 100% no-repeat;
    padding: 0 0 15px;
    margin: 0 0 30px;
}

.frameWideInner {
    background: url(../images/parts/box_bg_l_02.png) 0 0 no-repeat;
    padding: 20px 20px 5px;
}

/*#extra h3 {
	border-bottom: 1px dotted #888;
	padding: 0 0 5px;
	margin-bottom:5px;
}*/
/*TOP 新着情報、メディア掲載デザイン変更20190328湯澤*/

.bannerArea {
    border-top: 1px solid #554a4a;
    border-bottom: 1px solid #554a4a;
    margin: 10px 5px;
    padding: 3px 0;
}

.bannerArea .bannerInner {
    border-top: 4px solid #554a4a;
    border-bottom: 4px solid #554a4a;
    padding: 5px 19px;
    background: url(../images/parts/box_bg_04.png) 0 0;
}

.bannerInner ul {
    list-style-type: none;
}

.bannerInner ul li {
    background-color: #fff;
    margin: 15px 0;
}

.bannerInner ul li a img {
    border: 1px solid #ccc;
}

.bannerInner ul li a span {
    display: block;
    padding: 0 0 0 15px;
    background: url(../images/parts/ic_arrow_05.png) 0 3px no-repeat transparent;
}

/* 季節おすすめ */
.subBlock .side_season {
    width: 160px;
    height: 220px;
}

.subBlock .side_season .sp {
    display: none;
}

.subBlock .side_season img.title {
    width: 160px;
    height: 86px;
}

.subBlock .side_season .season_list {
    width: 152px;
    padding: 0 4px 4px 4px;
    height: 130px;
    background: #faf0d8;
}

.subBlock .side_season .season_list li {
    float: left;
    width: 50%;
    height: 65px;
    margin: 0;
    padding: 0;
    text-align: center;
    background: #ffffff;
}

.subBlock .side_season .season_list li img {
    margin-top: 5%;
}

/* 下層ページ */

#sub {
    width: 160px;
    float: left;
}

#sub nav#localNav h4 {
    margin-top: 5px;
}

/* inner box */
.subBlock {
    margin-bottom: 20px;
}

/* サイドバーナビゲーション -------------*/
#localNav {
    margin: 0 0 15px 0;
    padding: 0 0 5px 0;
    display: block;
    border-bottom: 2px dotted #d9d9d9;
}

#localNav a {
    text-decoration: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #000;
}

#localNav ul {
    padding: 0 10px;
}

#localNav ul li {
    margin: 0;
    padding: 4px 0;
}

html.ie7 #localNav ul li {
    line-height: 0;
}

#localNav ul li a {
    padding: 0 5px 0 17px;
    border-bottom: 2px solid #fff;
    background: url(../images/parts/ic_circle_01.png) 0 4px no-repeat;
}

html.ie7 #localNav ul li a {
    line-height: normal;
}

#localNav ul li a:hover,
#localNav ul li a:active {
    border-bottom: 2px solid #d3d3d3;
}

.subBlock h4.title {
    font-size: 103%;
    font-weight: bold;
    border-bottom: 1px dotted #717071;
    padding-left: 16px;
    background: url(../images/parts/ic_arrow_03.png) no-repeat 0 0;
    margin-bottom: 8px;
}

p.underBn {
    font-size: 103%;
    padding-left: 16px;
    background: url(../images/parts/ic_arrow_03.png) no-repeat 0 0;
}

.subBlock ul.menu {
    margin-left: 8px;
}

.subBlock ul.menu li {
    padding-left: 15px;
    background: url(../images/parts/ic_arrow_01.png) no-repeat 0 4px;
    margin-bottom: 4px;
}

/* subBlock list */
.subBlockList li {
    margin: 0 0 10px;
}

/* サイドバー枠付き 下層160px */
.frameThin {
    background: url(../images/parts/box_bg_02.png) 0 0 no-repeat;
}

.frameThin h4 {
    border-bottom: 1px dotted #888;
    padding: 0 0 5px;
}

.frameThinInner {
    background: url(../images/parts/box_bg_01.png) 0 100% no-repeat;
    padding: 15px;
}

.frameThin .imgBox {
    margin: 10px 0 0;
}

/* ----- Media掲載 ----- */
h4.mediaTitle {
    margin-top: 20px;
}

.mediaArea {
    /*background: url(../images/parts/box_bg_02-2.png?d=0) 0 0 no-repeat;*/
    border: 2px solid #604c3f;
}

.mediaAreaInner {
    /*background: url(../images/parts/box_bg_01-2.png) 0 100% no-repeat;*/
    padding: 15px;
}

.mediaArea .imgBox {
    margin: 10px 0 15px;
    text-align: center;
}

/*.imgBoxWrapper {
	margin: 0 -10px 0 0;
}*/

.frameWide .imgBox {
    float: left;
    margin: 0 auto 10px;
    width: 50%;
}

.frameWide .imgBox img {
    width: 125px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.frameWide .imgBox-l {
    width: 100%;
    margin: 0 0 10px;
}

.frameWide .imgBox-l img {
    display: block;
    width: 265px;
    height: auto;
    margin: 0 auto;
}

/* サイドバーおしらせ */
#sub .infoList {
    background: url(../images/parts/box_bg_05.png) 0 0 repeat;
}

#sub .infoList .information li {
    font-size: 92.3%;
    background: url(../images/parts/ic_spade_01.png) 0 0 no-repeat;
    padding: 0 0 0 15px;
    line-height: 1.2;
    margin: 0 0 5px 0;
}

#sub .infoList .importantInfo {
    padding: 10px 10px 10px 20px;
}

#extra .infoList h3 {
    border-bottom: none;
    background: url(../images/parts/h_bg_03.png) no-repeat 0 100%;
}

#extra .infoList .importantInfo {
    padding: 5px 5px 0px 10px;
}

#extra .infoList ul.information li {
    padding: 5px 0 5px 15px;
    line-height: 1.2;
    margin: 0 0 5px 0;
    font-size: 12px;
}

#extra ul.information li a {
    padding-left: 15px;
    background: url(../images/parts/ic_spade_01.png) no-repeat 0 50%;
}

#extra .infoList {
    padding: 5px 10px;
    margin-bottom: 30px;
}

#sub .infoList {
    padding: 10px;
    margin-bottom: 15px;
}

#sub .infoList h3 {
    border-bottom: dashed 1px #888;
    padding-bottom: 3px;
    margin-bottom: 8px;
    font-weight: bold;
    background-image: none;
}

/* サイドバー フラワーバッグバナー（非表示） */
li.campaignSide {
    display: none;
}

/* 【ペーパー】シリーズ一覧 */
.seriesSearch {
    margin: 0 0 20px;
    width: 100%;
    background: url(../images/parts/box_bg_01.png) 0 100% no-repeat;
    padding: 0 0 15px 0;
}

#sub .seriesSearch h3 {
    padding: 15px 0 5px 11px;
    background: url(../images/parts/box_bg_02.png) 0 0 no-repeat;
    border-bottom: 1px dotted #999;
}

.seriesSearch .seriesBoxWrap {
    background: url(../images/parts/box_bg_08.png) 0 100% repeat-y;
    padding: 0 2px 0 9px;
    margin: 0 0px 0 0;
}

.seriesSearch .seriesBox {
    margin: 5px 5px 0 0;
    width: 69px;
    float: left;
}

#sub .seriesSearch .seriesBox span.title {
    font-size: 76.9%;
    vertical-align: top;
    display: inline-block;
}

/* 【カタログ】シリーズ一覧 */
.catalogList li a img {
    margin: 2px 0;
    padding: 2px;
    border: 1px solid #ddd;
    width: 154px;
}

.catalogList li a:hover img {
    border: 1px solid #b2a089;
}

.piary_adv,
#mainContents h2.piary_adv {
    font-weight: normal;
    line-height: 1.5em;
    font-size: 11px;
    color: #9999aa;
    text-align: center;
    margin: 5px 0;
    font-weight: normal;
}

/* カテゴリーTOP HOW TO */
.articleLink {
    float: right;
    padding-top: 26px;
    font-weight: normal;
    text-align: right;
}

h3.catalogArticles span.articleLink {
    margin-left: 262px;
}

.categorytop_articles ul.articleList {
    border-top: #999 1px solid;
    border-left: #999 1px solid;
}

.categorytop_articles ul.articleList li {
    float: left;
    width: 33.33%;
    box-sizing: border-box;
    padding: 1%;
    border-right: #666 1px solid;
    border-bottom: #999 1px solid;
}

.categorytop_articles ul.articleList li a h6:hover {
    opacity: 0.75;
}

.categorytop_articles ul.articleList li h6.title {
    color: #722;
    font-size: 1em;
    margin-bottom: 3%;
    padding-top: 3%;
    height: 2.6em;
    line-height: 1.3em;
    text-decoration: underline;
    font-weight: bold;
}

.categorytop_articles ul.articleList li p.text {
    font-size: 95%;
    overflow: hidden;
    height: 55px;
    color: #888;
}

.categorytop_articles ul.articleList li span.continued {
    display: block;
    margin-top: 6%;
    text-align: right;
    text-decoration: underline;
    color: #888;
}

.categorytop_articles ul.articleList .articleZ {
    float: left;
    width: 33.33%;
    box-sizing: border-box;
    padding: 1%;
    border-right: #666 1px solid;
    border-bottom: #999 1px solid;
    color: #fbfbfb;
    background-color: #fbfbfb;
}

/* 各カテゴリートップ 画像とテキスト */

.txtUnderBn {
    margin-bottom: 1%;
}

.txtUnderBn a {
    margin: 0;
}

.bnBlock .txtUnderBn p {
    font-size: 92.3%;
    color: #666;
    padding: 0 0 0 15px;
    background: url(../images/parts/ic_arrow_05.png) 0 3px no-repeat transparent;
    margin-bottom: 0;
}

/* 【ウェルカムボード】カテゴリーTOP 下部 */
.ex_menu {
    border-top: 1px dotted #666;
    border-bottom: 1px dotted #666;
    margin: 25px 0;
    padding-top: 25px;
}

/* コンテンツページ レフトナビ */
div.sideArticles ul {
    list-style-type: none;
}

div.sideArticles ul li {
    margin-bottom: 1%;
    padding: 1%;
    border-bottom: 1px dotted #ccc;
    font-size: 0.9em;
    padding-left: 1em;
    background: url(../images/parts/ic_arrow_01.png) 0 8px no-repeat;
}

div.sideArticles ul li:first-child {
    margin-top: -5px;
}

div.sideArticles ul li:last-child {
    border-bottom: 1px solid #ccc;
}

div.sideArticles ul li a {
    display: block;
    border: 1px solid #fff;
}

div.sideArticles ul li a:hover {
    display: block;
    text-decoration: none;
    background-color: #f9eeee;
    border-radius: 2px;
}

/* 2015.06.03 引き出物レフトナビ リニューアル */

#localNav_noCat {
    padding: 0 1%;
}

#localNav_noCat div ul.subBlockList li a img {
    max-width: 100%;
    height: 100%;
}

#localNav_noCat p.arrow {
    padding: 0 0 0 1em;
    background: url(../images/parts/ic_arrow_03.png) 0 0 no-repeat;
    font-weight: bold;
    color: #666;
}

#localNav_noCat ul.innerList {
    margin: 3% 0 6% 0;
    border-top: 1px dotted #555;
}

#localNav_noCat ul.innerList li {
    margin-bottom: 0;
    padding: 3% 0 3% 0;
}

#localNav_noCat ul.innerList li a {
    display: inline-block;
    padding: 0 0 0 7%;
    border-bottom: 2px solid #fff;
    background: url(../images/parts/ic_circle_01.png) 0 4px no-repeat;
}

#localNav_noCat ul.innerList li a:hover {
    text-decoration: none;
    border-bottom: 2px solid #d3d3d3;
    opacity: 0.75;
}

/* コンテンツページ用（主にギフトTOP？） */

/* コンテンツページ　共通CSS */

.piaryArticle a {
    text-decoration: underline;
    color: #909090;
}

.piaryArticle img {
    max-width: 100% !important;
}

.piaryArticle .themeArea {
    margin: 20px 0;
}

.piaryArticle .themeArea h2 {
    font-size: 1.8em;
    font-weight: bold;
    color: #555;
    margin-bottom: 3%;
    text-shadow: 0 1px 0 #ccc;
}

.piaryArticle .themeArea p {
    color: #666;
    line-height: 1.6em;
    font-size: 95%;
}

#systemWrap.piaryArticle {
    margin-bottom: 30px;
}

.piaryArticle h3 {
    margin: 0 0 1% 0;
    background-color: #fff5e5;
    border-top: 2px solid #f7f7f7;
    padding: 1% 2%;
}

.piaryArticle h3 div {
    font-weight: bold;
    font-size: 1.2em;
    padding: 1% 1.5%;
    color: #555;
    border-left: 4px solid #ffe2b1;
    text-shadow: 0 1px 0 #ccc;
}

.piaryArticle .articleArea {
    font-size: 14px;
    line-height: 1.6em;
}

.piaryArticle .articleArea .htmlArea h4,
#systemWrap.piaryArticle .articleArea .htmlArea h4 {
    width: 97%;
    margin: 15px 0;
    padding-left: 5px;
    font-size: 15px;
    line-height: 1.8em;
    border-left: 4px solid #888;
    border-bottom: 1px dotted #888;
    background-color: #fefefe;
    font-weight: normal;
}

.piaryArticle .articleArea .htmlArea ul.disc {
    margin-left: 25px;
    list-style-type: disc;
    line-height: 1.3em;
}

.piaryArticle .articleArea .htmlArea div.points {
    margin: 15px 0;
    background: url(/resource/img/ic_arrow_03.png) no-repeat;
    padding-left: 15px;
}

.piaryArticle .articleArea .htmlArea a {
    text-decoration: underline;
    color: #808080;
}

.piaryArticle .articleArea .htmlArea a:hover {
    text-decoration: none;
}

.piaryArticle .articleArea .htmlArea {
    padding: 0 1%;
}

.piaryArticle .articleArea.layout-imageL .htmlArea {
    float: right;
    width: 64%;
}

.piaryArticle .articleArea.layout-imageL .imageArea {
    float: left;
    width: 33%;
    text-align: center;
}

.piaryArticle .articleArea.layout-imageR .htmlArea {
    float: left;
    width: 64%;
}

.piaryArticle .articleArea.layout-imageR .imageArea {
    float: right;
    width: 33%;
    text-align: center;
}

.piaryArticle .articleArea .imageArea img {
    max-width: 95% !important;
    margin: 0 auto;
    padding: 2px;
    border: 1px solid #aaaaaa;
}

.piaryArticle .onePoint {
    margin: 1% auto 2% auto;
    padding: 2% 0;
    color: #555;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #fffcfc;
}

.piaryArticle .onePoint .text a {
    text-decoration: underline;
    color: #808080;
}

.piaryArticle .onePoint .title {
    float: left;
    width: 13%;
    margin-right: 1%;
    padding: 2% 0.5%;
    font-size: 1.1em;
    text-align: center;
    color: #fff;
    background-color: #ff7c7c;
    border-radius: 5px;
}

.piaryArticle .onePoint .text {
    float: left;
    width: 85%;
    font-size: 14px;
}

#systemWrap.piaryArticle .pagenation {
    margin: 50px 0 10px 0;
    padding: 10px 0;
    text-align: center;
    border-radius: 5px;
    background-color: #fbfbfb;
}

.piaryArticle .pagenation ul li {
    float: left;
    width: 33.33%;
}

.piaryArticle .pagenation ul li a {
    display: block;
    width: 75%;
    margin: 0 auto;
    padding: 8px 0;
    font-weight: bold;
    text-decoration: none;
    background-color: #fff5e5;
    border: 1px solid #ffe2b1;
    border-radius: 5px;
}

.piaryArticle .pagenation ul li a:hover {
    background: #fffcf0;
}

.piaryArticle div.onepoint_big {
    margin: 3% 0 5%;
    color: #555;
    border: 1px solid #ccc;
    padding: 2%;
}

.piaryArticle div.onepoint_big p {
    font-size: 130%;
    font-weight: bold;
    margin: 1% 0;
}

.piaryArticle ul.innerList {
    padding: 0.5em 0 0.5em 2em;
    list-style-type: disc;
    background-color: #fbfbfb;
    border-radius: 5px;
}

.piaryArticle ul.innerList li {
    border-bottom: 1px dotted #ccc;
    line-height: 1.5em;
    margin-bottom: 0.5em;
}

.piaryArticle ul.innerList_check {
    padding: 0.5em 0 0.5em 1em;
    list-style-type: none;
    background-color: #fbfbfb;
    border-radius: 5px;
}

.piaryArticle ul.innerList_check li {
    background-image: url("/uploads/page/64652/checkmark.gif");
    background-repeat: no-repeat;
    padding-left: 25px;
    border-bottom: 1px dotted #ccc;
    line-height: 1.8em;
    margin-bottom: 0.5em;
}

.piaryArticle .pagenation ul li.footerNav {
    width: 98%;
}

.piaryArticle .fboxContent ul p.fboxA {
    background: #c1ad8b;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 2%;
    padding: 2%;
}

span.indentNote {
    display: block;
    padding-left: 1em;
    text-indent: -1em;
}

.piaryArticle .fboxContent ul li div.icon p {
    font-weight: bold;
    font-size: 110%;
    color: #707070;
    width: 60%;
    border-radius: 5px;
    padding: 0% 3%;
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #ccc;
    background-color: #fdfdfd;
    height: 70px;
}

.piaryArticle .fboxContent ul li div.icon img {
    width: 75px;
    float: left;
}

.piaryArticle .awayomi span.arw {
    display: block;
    width: 0;
    height: 0;
    float: left;
    margin: 0.35em 0;
    border: 5px solid transparent;
    border-left: 5px solid #aaa;
}

.piaryArticle .linkArticle {
    line-height: 40px;
    text-align: center;
    background-color: #ffe852;
    border: 1px solid #ddd;
    border-top: none;
    font-size: 16px;
    font-weight: bold;
    margin: -20px 0 30px;
}

.piaryArticle .linkArticle a {
    display: block;
}

.piaryArticle .linkArticle a:hover {
    color: #ff6d2e;
    text-decoration: none;
}

/* お客様サポート（Beberyより引越し分）
** 命名カード・名入れギフトお写真送信フォームで使用
 */
.supportGuide .typeRed {
    margin-bottom: 2%;
    color: #fe5454;
    font-size: 1.15em;
    line-height: 1.15em;
}

.supportGuide .typeRed a {
    color: inherit;
    text-decoration: none;
}

.supportGuide .barRed {
    margin-bottom: 2%;
    padding: 1%;
    background-color: #feefef;
    border-left: 6px solid #feb4b4;
    border-bottom: 1px solid #ececec;
    font-size: 1.2em;
}

.supportGuide .barPnk {
    margin-bottom: 1%;
    padding: 0.8%;
    background-color: #ffeff0;
    font-size: 1.1em;
    line-height: 1.1em;
}

.supportGuide .redTxt {
    color: #ff2727;
}

.supportGuide .indentNote {
    display: block;
    text-indent: -1em;
    padding-left: 1em;
}

.supportGuide .indentNoteS {
    display: block;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.2em;
    font-size: 0.85em;
    color: #777;
}

.supportGuide img.tel {
    display: block;
    margin: 2% auto;
}

.supportGuide .mailHere {
    font-weight: bold;
    color: #069;
}

.supportGuide .indentNote {
    display: block;
    text-indent: -1em;
    padding-left: 1em;
}

.supportGuide .indentNoteS {
    display: block;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.2em;
    font-size: 0.85em;
    color: #777;
}

/* メール送信フォームスタイル */
.sr_reservation #form textarea,
.supportGuide textarea {
    background: #faf0e6;
    border: 1px dashed #ccc;
    padding: 15px;
    margin: 10px 0;
    width: 720px;
    line-height: 1.5;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, sans-serif;
    color: #333;
}

.sr_reservation #form textarea {
    height: 440px;
}

.supportGuide textarea {
    width: 500px;
    height: 180px;
}

/* ギフトTOP 内祝い人気ランキング */
h3.hGiftTop,
.uchiiwaiRanking h3,
.uchiiwaiRanking2019 .hGiftTop {
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    background-color: #000;
    padding: 0.75em;
    text-align: center;
    margin-bottom: 1em;
}

.uchiiwaiRanking h4 {
    padding: 0.5em 0 0.75em;
    text-align: center;
    font-size: 14px;
}

.uchiiwaiRanking .top_navi {
    width: 100%;
    margin: 10px 0;
}

.uchiiwaiRanking .top_navi li {
    float: left;
    width: 20%;
}

.uchiiwaiRanking .img_wid {
    width: 100%;
}

.uchiiwaiRanking .tabArea ul li img:hover {
    opacity: 0.8;
    cursor: pointer;
}

.uchiiwaiRanking .tabContentInner {
    padding: 20px 5px 10px;
}

.uchiiwaiRanking .tabContentInner ul.itemBlock {
    margin: 0;
}

.uchiiwaiRanking ul.itemBlock li {
    margin: 0 8px 10px 0;
    width: 15.78%;
}

.uchiiwaiRanking ul.itemBlock li:last-child {
    margin-right: 0;
}

.uchiiwaiRanking ul.itemBlock li a .img img {
    width: 96%;
    height: auto;
}

.uchiiwaiRanking .tabContent.item_catalog {
    border: 5px solid #ffd4a7;
}

.uchiiwaiRanking .item_catalog h4 {
    background-color: #ffd4a7;
}

.uchiiwaiRanking .tabContent.item_towel {
    border: 5px solid #fecece;
}

.uchiiwaiRanking .item_towel h4 {
    background-color: #fecece;
}

.uchiiwaiRanking .tabContent.item_soap {
    border: 5px solid #ffeba7;
}

.uchiiwaiRanking .item_soap h4 {
    background-color: #ffeba7;
}

.uchiiwaiRanking .tabContent.item_tableware {
    border: 5px solid #e6bbd9;
}

.uchiiwaiRanking .item_tableware h4 {
    background-color: #e6bbd9;
}

.uchiiwaiRanking .tabContent.item_foods {
    border: 5px solid #bfeabf;
}

.uchiiwaiRanking .item_foods h4 {
    background-color: #bfeabf;
}

.uchiiwaiRanking .itemBlock .rankNum {
    width: 100%;
    height: 60px;
    text-align: center;
}

/* #main #systemWrap.piaryArticle {
    margin-bottom: 0px;
}

.linkArticle {
	line-height: 40px;
    text-align: center;
    background-color: #FFE852;
    border: 1px solid #ddd;
    border-top: none;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
}

.linkArticle a {
	display: block;
}

.linkArticle a:hover {
	text-decoration: none;
} */

/* カタログメール便・即日配送サイドバー */
#sub .subBlockList li.side_bt_cata {
    border: 1px solid #ddd;
    padding: 4.5% 4.5% 6.5%;
}

#sub .subBlockList li.side_bt_cata .bt_hands,
#sub .subBlockList li.side_bt_cata .bt_ana {
    margin-bottom: 4.5%;
}

#sub .subBlockList li.side_bt_cata .bt_cata_ttl,
#sub .subBlockList li.side_bt_cata .bt_excellent {
    margin-bottom: 0;
}

/* SEO対策テキスト用@総合TOP */
.piary_adv_top {
    margin: 5px 0 15px 0;
    text-align: left;
    font-weight: normal;
    line-height: 1.5em;
    font-size: 11px;
    color: #9999aa;
}

/* 景品TOP 当店のポイント*/
.kanjisamaPoints .pointListWrap {
    padding: 0 0 3%;
    background-image: url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/tokuten/bgi_kanji_points.jpg);
    background-repeat: repeat-y;
    background-size: contain;
}

.kanjisamaPoints .pointListWrap ol {
    width: 96%;
    margin: 0 auto;
    padding: 4% 0 1px;
    background-color: #f3d6a8;
}

.kanjisamaPoints .pointListWrap ol li:before {
    content: "";
    display: block;
    width: 110px;
    height: 100px;
    position: absolute;
    top: -3%;
    left: -3%;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.kanjisamaPoints .pointListWrap ol li.one:before {
    background-image: url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/tokuten/heart_no01.gif);
}

.kanjisamaPoints .pointListWrap ol li.two:before {
    background-image: url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/tokuten/heart_no02.gif);
}

.kanjisamaPoints .pointListWrap ol li.three:before {
    background-image: url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/tokuten/heart_no03.gif);
}

.kanjisamaPoints .pointListWrap ol li.four:before {
    background-image: url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/tokuten/heart_no04.gif);
}

.kanjisamaPoints .pointListWrap ol li.five:before {
    background-image: url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/tokuten/heart_no05.gif);
}

.kanjisamaPoints .pointListWrap ol li.six:before {
    background-image: url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/tokuten/heart_no06.gif);
}

.kanjisamaPoints .pointListWrap ol li.seven:before {
    background-image: url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/tokuten/heart_no07.gif);
}

.kanjisamaPoints .pointListWrap ol li.eight:before {
    background-image: url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/tokuten/heart_no08.gif);
}

.kanjisamaPoints .pointListWrap ol li.nine:before {
    background-image: url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/tokuten/heart_no09.gif);
}

.kanjisamaPoints .pointListWrap ol li {
    width: 93%;
    margin: 0 auto 4%;
    position: relative;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: top right;
}

.kanjisamaPoints .pointListWrap ol li.one {
    background-image: url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/tokuten/icon_kaijo_otodoke.jpg);
}

.kanjisamaPoints .pointListWrap ol li.two {
    background-image: url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/tokuten/icon_rakuten_coins.jpg);
}

.kanjisamaPoints .pointListWrap ol li.three {
    background-image: url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/tokuten/icon_gift_tickets.jpg);
}

.kanjisamaPoints .pointListWrap ol li.four {
    background-image: url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/tokuten/icon_panels.jpg);
}

.kanjisamaPoints .pointListWrap ol li.five {
    background-image: url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/tokuten/icon_tesagebag.jpg);
}

.kanjisamaPoints .pointListWrap ol li.six {
    background-image: url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/tokuten/icon_saitan_otodoke.jpg);
}

.kanjisamaPoints .pointListWrap ol li.seven {
    background-image: url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/tokuten/icon_mokuroku.jpg);
}

.kanjisamaPoints .pointListWrap ol li.eight {
    background-image: url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/tokuten/icon_prizeset.jpg);
}

.kanjisamaPoints .pointListWrap ol li.nine {
    background-image: url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/tokuten/icon_soryomuryo_r.jpg);
}

.kanjisamaPoints .pointListWrap ol li .txtWrap {
    margin: 0 0 0 2%;
    padding-bottom: 3%;
}

.kanjisamaPoints .pointListWrap ol li .txtWrap h3 {
    margin: 0 0 5% 14%;
    padding-top: 3%;
    font-size: 42px;
    color: #40220f;
}

.kanjisamaPoints .pointListWrap ol li .txtWrap p {
    font-size: 17px;
}

.kanjisamaPoints .pointListWrap ol li .txtWrap img.linkBtn {
    position: absolute;
    bottom: 10%;
    right: 4%;
}

.kanjisamaPoints .pointListWrap ol li ul {
    width: 80%;
    margin: 0 auto;
}

.kanjisamaPoints .pointListWrap ol li ul li {
    width: 50%;
    float: left;
    text-align: center;
}

/* 総合TOP バナーリスト */
.topTileBn li {
    float: left;
    width: 49%;
    margin: 0.5%;
}

.topTileBn li img {
    max-width: 100%;
}

/* 景品バナー領域20161118 */
#systemWrap .top_introduction .p_bn_area,
.top_introduction .p_bn_area {
    border-bottom: 2px solid #646464;
    color: #646464;
    font-size: 20px;
    padding-bottom: 6px;
    text-align: center;
    margin: 30px 0 10px;
}

.top_introduction li#newyear {
    width: 100%;
}

.top_introduction #sub-set li {
    box-sizing: border-box;
    display: block;
    float: left;
    padding: 0 4px;
    width: 33.3%;
}

#discount-serviceable .title-contents {
    background-color: #d70000;
    color: #fff;
    display: block;
    font-size: 24px;
    font-weight: bold;
    padding: 14px 10px 12px;
    text-align: center;
}

.top_introduction a {
    text-decoration: none;
}

/* 景品バナー領域20161118 */
#systemWrap .top_introduction .p_bn_area,
.top_introduction .p_bn_area {
    border-bottom: 2px solid #646464;
    color: #646464;
    font-size: 20px;
    padding-bottom: 6px;
    text-align: center;
    margin: 30px 0 10px;
    font-weight: bold;
}

.top_introduction #search-purpose li {
    display: block;
    float: left;
    /*width: 49%;*/
}

.top_introduction li#newyear {
    width: 100%;
}

.top_introduction #search-purpose li:last-child {
    padding: 0 0 0 2%;
}

.top_introduction #sub-set li {
    box-sizing: border-box;
    display: block;
    float: left;
    padding: 0 4px;
    width: 33.3%;
}

.top_introduction a {
    text-decoration: none;
}

.top_introduction #discount-serviceable {
    margin-bottom: 5%;
}

.top_introduction #discount-serviceable ul li.originalSet,
.top_introduction #discount-serviceable ul li.medamaSet,
.top_introduction #discount-serviceable ul li.dvdSet,
.top_introduction #discount-serviceable ul li.valueSet {
    margin-bottom: 1%;
}

.top_introduction #discount-serviceable ul li.originalSet h4,
.top_introduction #discount-serviceable ul li.medamaSet h4,
.top_introduction #discount-serviceable ul li.dvdSet h4,
.top_introduction #discount-serviceable ul li.valueSet h4 {
    padding: 1% 0;
    background-color: #d80001;
    color: #fff;
    font-size: 23px;
    text-align: center;
}

.top_introduction #discount-serviceable ul li .imgWrap:hover {
    opacity: 0.8;
}

.top_introduction #discount-serviceable ul li.originalSet .imgWrap {
    background-color: #e1b745;
}

.top_introduction #discount-serviceable ul li.medamaSet .imgWrap {
    background-color: #ff8f9f;
}

.top_introduction #discount-serviceable ul li.dvdSet .imgWrap {
    background-color: #72c4ea;
}

.top_introduction #discount-serviceable ul li.valueSet .imgWrap {
    background-color: #72b896;
}

.top_introduction #discount-serviceable ul li .imgWrap img {
    float: left;
}

.top_introduction #discount-serviceable ul li.originalSet .imgWrap img.ttl,
.top_introduction #discount-serviceable ul li.medamaSet .imgWrap img.ttl,
.top_introduction #discount-serviceable ul li.valueSet .imgWrap img.ttl {
    width: 50%;
}

.top_introduction #discount-serviceable ul li.originalSet .imgWrap img.img,
.top_introduction #discount-serviceable ul li.medamaSet .imgWrap img.img,
.top_introduction #discount-serviceable ul li.dvdSet .imgWrap img.img,
.top_introduction #discount-serviceable ul li.valueSet .imgWrap img.img {
    margin-top: -14px;
    width: 50%;
}

.recommendSetCombi {
    background-color: #e53828;
    margin-bottom: 5%;
    padding-bottom: 1%;
}

.recommendSetCombi a {
    text-decoration: none;
}

.recommendSetCombi ul.setCombi {
    width: 97%;
    margin: 2% auto;
    background-color: #f8efc5;
}

.recommendSetCombi ul.setCombi li {
    width: 26%;
    float: left;
    margin: 2% 1%;
    box-sizing: border-box;
}

.recommendSetCombi ul.setCombi li.iconPlus,
.recommendSetCombi ul.setCombi li.iconArw {
    width: 6%;
    background-repeat: no-repeat;
    background-position: 50% 45%;
}

.recommendSetCombi ul.setCombi li.iconPlus {
    background-image: url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/icon_red_plus.jpg);
}

.recommendSetCombi ul.setCombi li.iconArw {
    background-image: url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/icon_red_arw.jpg);
}

.recommendSetCombi ul.setCombi li.total {
}

.recommendSetCombi ul.setCombi li.total .itemNumWrap {
    position: relative;
}

.recommendSetCombi ul.setCombi li.total .itemNum {
    position: absolute;
    bottom: 0;
    right: 30%;
    color: #f09400;
    font-size: 80px;
    font-weight: bold;
    line-height: 1em;
}

.recommendSetCombi ul.setCombi li.total .totalPriceWrap {
    position: relative;
}

.recommendSetCombi ul.setCombi li.total .totalPrice {
    position: absolute;
    bottom: 15%;
    right: 20%;
    color: #fff;
    font-size: 35px;
    font-weight: bold;
    line-height: 1em;
}

.recommendSetCombi ul.setCombi li img {
    max-width: 100%;
}

.recommendSetCombi ul.setCombi li p {
    margin-top: 2%;
    font-size: 12px;
}

.recommendSetCombi ul.setCombi li p span {
    color: #e75513;
}

.recommendSetCombi .btnSetCombi {
    display: block;
    width: 80%;
    margin: 0 auto 2%;
    padding: 2% 0;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #fff;
    color: #e53828;
    border-radius: 1.5em;
}

.prizePickup {
    margin-bottom: 5%;
}

.prizePickup ul li {
    /*width: 33.33%;		景品TOP改修_20181125@田中*/
    width: calc(33.33% - (4em / 3));
    float: left;
    margin-bottom: 1%;
}

.prizePickup ul li.recommendSet .imgWrap {
    background-color: #3d7dc1;
}

.prizePickup ul li:first-child {
    width: 100%;
    float: left;
}

.prizePickup ul li:first-child .imgWrap img {
    float: left;
}

.prizePickup ul li:first-child .imgWrap:hover {
    opacity: 0.8;
}

.prizePickup ul li:nth-child(2)

/*.prizePickup ul li:nth-child(3) */ {
    /*.prizePickup ul li:nth-child(4),
.prizePickup ul li:nth-child(5){
	width: 50%;				景品TOP改修_20181125@田中*/
    width: 50%;
    float: unset;
    margin: auto;
}

.prizePickup ul li img {
    /*margin-bottom: 1%;		景品TOP改修_20181125@田中*/
    margin-bottom: 0.3%;
    width: 100%;
}

/* 景品TOP改修_20181125@田中 */
.prizeBgClr {
    background-color: #f4ebc1;
}

.prize_topicTtl {
    font-size: 24px;
    position: relative;
    text-align: center;
    font-weight: bold;
}

.prize_topicTtl::before,
.prize_topicTtl::after {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    border-top: 2px solid #ff0000;
}

.prize_topicTtl::before {
    left: 25%;
    top: 15px;
    transform: rotate(60deg);
}

.prize_topicTtl::after {
    right: 25%;
    top: 15px;
    transform: rotate(-60deg);
}

.prizePickup .prize_topic {
    margin: 1em;
}

.prizePickup .prize_topic .prize_topicCol1 {
    width: 100%;
    float: left;
}

.prizePickup .prize_topic .prize_topicCol2 {
    width: calc(50% - 0.5em);
    float: left;
    margin-bottom: 1%;
}

/* 景品TOP改修_20181125@田中 */

.prizeArticles {
    margin-bottom: 3%;
}

.prizeArticles .articleWrap {
    width: 48%;
    float: left;
    margin: 0 1% 1%;
    text-align: center;
    box-sizing: border-box;
}

.prizeArticles .articleWrap a {
    display: block;
    padding: 3% 0;
    border: 4px solid;
}

.prizeArticles .articleWrap a:hover {
    color: inherit;
    opacity: 0.8;
}

.prizeArticles .articleWrap:nth-child(1) a {
    border-color: #0d9e67;
}

.prizeArticles .articleWrap:nth-child(2) a {
    border-color: #cbd100;
}

.prizeArticles .articleWrap:nth-child(3) a {
    border-color: #b3801e;
}

.prizeArticles .articleWrap:nth-child(4) a {
    border-color: #b78d6c;
}

.prizeArticles .articleWrap .articleIntro {
    padding: 2% 0 2% 12%;
    text-align: left;
    list-style-type: disc;
}

.top_prizeIcon {
    margin-bottom: 5%;
}

.top_prizeIcon .prizeIconWrap {
    padding: 2% 0%;
    background-color: #da5519;
    font-size: 17px;
}

.top_prizeIcon .prizeIconWrap h4 {
    margin-bottom: 2%;
    text-align: center;
}

.top_prizeIcon .prizeIconWrap ul {
    width: 99%;
    margin: 0 auto 1%;
}

.top_prizeIcon .prizeIconWrap ul li {
    width: 24%;
    float: left;
    margin: 0 0.5%;
    padding: 1% 0 3%;
    background-color: #fff;
    text-align: center;
}

.top_prizeIcon .prizeIconWrap ul li img {
    max-width: 100%;
}

.top_prizeIcon .prizeIconWrap ul li p {
    display: inline-block;
    height: 3em;
    text-align: left;
}

.top_prizeIcon .prizeIconWrap .toDesc {
}

.top_prizeIcon .prizeIconWrap .toDesc p {
    margin: 0 0 1%;
    color: #fff;
    text-align: center;
}

.top_prizeIcon .prizeIconWrap .toDesc .roundedBtn {
    display: block;
    width: 32%;
    margin: 0 auto;
    padding: 1% 0;
    color: #d95519;
    background-color: #fff;
    border-radius: 1.5em;
    text-align: center;
    text-decoration: none;
}

.top_prizeMust3 h3 {
    margin: 0 0 2%;
    font-size: 17px;
    font-weight: bold;
}

.top_prizeMust3 h3 img {
    margin: 0 0 2%;
}

.top_prizeMust3 h3 span {
    color: #f00;
}

.top_prizeMust3 .must3wrap {
    margin-bottom: 2%;
    background-color: #fff895;
    border: 7px solid #faed00;
    box-sizing: border-box;
}

.top_prizeMust3 .must3wrap .panelIntro {
    width: 94.5%;
    margin: 0 auto 3%;
    background-color: #f7b52c;
}

.top_prizeMust3 .must3wrap .panelIntro h4 {
    padding: 2% 0 0;
    text-align: center;
}

.top_prizeMust3 .must3wrap .panelIntro .imgWrap {
    margin: -7% 0 0;
}

.top_prizeMust3 .must3wrap .panelIntro .txtWrap {
    width: 96%;
    margin: 0 auto;
    padding: 2% 0;
    font-size: 15px;
    font-weight: bold;
}

.top_prizeMust3 .must3wrap .mokurokuIntro {
    background-color: #796a56;
}

.top_prizeMust3 .must3wrap .mokurokuIntro h4 {
    text-align: center;
}

.top_prizeMust3 .must3wrap .mokurokuIntro .mokurokuUse {
    width: 99%;
    margin: 0 auto;
    padding: 0 0 0.5%;
    list-style-type: none;
}

.top_prizeMust3 .must3wrap .mokurokuIntro .mokurokuUse li {
    width: 49%;
    float: left;
    margin: 0 0.5% 0.5%;
    padding: 1% 1% 0;
    text-align: center;
    box-sizing: border-box;
    background-color: #fff;
    color: #796a56;
}

.top_prizeMust3 .must3wrap .mokurokuIntro .mokurokuUse li:last-child img {
    margin-top: -5%;
}

.top_prizeMust3 .must3wrap .mokurokuIntro .mokurokuUse li p {
    font-size: 21px;
    font-weight: bold;
    text-align: left;
}

.top_prizeMust3 .must3wrap .mokurokuIntro .mokurokuUse li span {
    font-size: 12px;
    text-align: left;
}

.top_prizeMust3 .must3wrap .shoppingbagIntro {
    position: relative;
}

.top_prizeMust3 .must3wrap .shoppingbagIntro h4 {
    position: absolute;
    top: -3%;
    left: 0;
}

.top_prizeMust3 .must3wrap .shoppingbagIntro .shoppingbagWrap .txtWrap {
    width: 58%;
    float: right;
    margin: 21% 0 1% 2%;
}

.top_prizeMust3 .must3wrap .shoppingbagIntro .shoppingbagWrap .txtWrap p {
    margin: 0 0 1%;
    font-weight: bold;
    font-size: 15px;
}

.top_prizeMust3 .must3wrap .shoppingbagIntro .shoppingbagWrap .txtWrap span {
    margin: 0 0 1%;
    font-size: 12px;
}

.top_prizeMust3 .must3wrap .shoppingbagIntro .shoppingbagWrap .txtWrap p span {
    font-size: 25px;
}

.top_prizeMust3 .must3wrap .shoppingbagIntro .shoppingbagWrap .imgWrap {
    width: 40%;
    float: right;
}

.prizeUserVoice {
    margin-bottom: 5%;
    padding: 16% 0 0;
    position: relative;
}

.prizeUserVoice h3 {
    position: absolute;
    top: 0;
    right: 0;
}

.prizeUserVoice ul {
    padding: 4%;
    list-style-type: none;
    border: 1px solid #000;
}

.prizeUserVoice ul li {
    margin: 0 0 2%;
}

.prizeUserVoice ul li p {
}

.prizeUserVoice ul li .ttl {
    margin: 0 0 1%;
    padding: 1.5%;
    background-color: #6a3906;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
}

.prizeUserVoice ul li .txt {
    margin-bottom: 0.5%;
    line-height: 1.7em;
}

.prizeUserVoice ul li .txt span {
    color: #f00;
    background-color: #ffebeb;
}

.prizeUserVoice ul li .icon {
    width: 10%;
    margin-bottom: 0.5%;
    padding: 2px 2px 2px 30px;
    background-color: #6a3906;
    background-image: url(http://image.rakuten.co.jp/piary/cabinet/cat/prize/icon_human.gif);
    background-position: 6px 100%;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 13px;
}

.prizeUserVoice ul li a {
    color: #7b4100;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
}

/* 景品レフトナビ */

/* 【景品】アンダーラインタイトル */
.typePrizeSide {
    margin: 5% 0 3%;
    color: #646464;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #646464;
}

/* 【景品】お得なセット商品 */
.sideNavPrizeSet {
    margin: 0 0 10px;
    padding: 10px 0 0.1px;
    background-color: #d80000;
    text-align: center;
}

/* ペーパーランキング */
.sidePaperRanking {
    border: 1px solid #ccc;
    margin: 0 0 20px;
    padding: 4% 0;
}

.sidePaperRanking .ttl {
    border-bottom: 1px solid #ccc;
    text-align: center;
    margin: 0 auto 9%;
    width: 92%;
}

.sidePaperRanking .ttl img {
    margin: 0 0 4%;
}

.sidePaperRanking ul {
    list-style-type: none;
    text-align: center;
    margin: auto;
    width: 92%;
}

.sidePaperRanking ul li {
    margin: 0 0 8%;
}

.sidePaperRanking ul li img {
    margin: 0 0 3%;
}

.sidePaperRanking ul li p {
    color: #505050;
    font-size: 14px;
    text-decoration: underline;
}

.sidePaperRanking a.allSeries {
    border: 1px solid #333;
    font-size: 15px;
    display: block;
    margin: 0 auto 3%;
    padding: 3% 0;
    text-align: center;
    text-decoration: none;
    width: 92%;
}

/* 選べるフルーツ 商品詳細 */

.freeSpace #products-info #fruits .list {
    overflow: hidden;
    margin: 0 auto 40px auto;
}

.freeSpace #products-info #fruits .list h2,
.freeSpace #products-info #fruits .calendar h2 {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    background-color: #ee560a;
    padding: 10px;
    margin-bottom: 20px;
}

.freeSpace #products-info #fruits .calendar h2 + p {
    font-weight: bold;
}

.freeSpace #products-info #fruits .calendar h2 + p span {
    color: #f00;
}

.freeSpace #products-info #fruits .calendar ul {
    padding-left: 0;
}

.freeSpace #products-info #fruits .calendar ul li {
    color: #fff;
    background-color: #44240a;
    margin-bottom: 10px;
}

.freeSpace #products-info #fruits .calendar ul li a {
    font-size: 20px;
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 20px;
}

.freeSpace #products-info #fruits .list dl {
    float: left;
    width: 160px;
    border: 1px solid #44240a;
    margin-left: 22px;
    margin-bottom: 22px;
    padding: 3px;
}

.freeSpace #products-info #fruits .list dl:last-child {
    margin-bottom: 0;
}

.freeSpace #products-info #fruits .list dl dd {
    margin-left: 0;
    text-align: center;
}

.freeSpace #products-info #fruits .list dl dd.title {
    font-weight: bold;
    font-size: 17px;
}

.freeSpace #products-info #fruits .list dl dd.sub {
    font-weight: bold;
    font-size: 15px;
}

.freeSpace #products-info #fruits .list dl dd.report {
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    background-color: #44240a;
}

/* beberyランキングリンク */
.bebery-ranking {
    border: 5px solid #fcdfdb;
    margin-top: 5px;
    padding: 0.5%;
    font-size: 16px;
    font-weight: bold;
}

.bebery-ranking a {
    display: block;
}

.bebery-ranking img {
    float: left;
    padding-right: 3%;
}

/* T-SPOOK */
.t-spook-desc1 h2 {
    font-size: 18px;
    text-align: center;
    margin: 60px 0 40px 0;
}

.t-spook-desc1 p {
    font-size: 18px;
    text-align: center;
    margin-bottom: 50px;
}

.t-spook-desc2 .t-spook-text1 {
    margin-bottom: 20px;
}

.t-spook-desc2 .t-spook-list1 {
    overflow: hidden;
}

.t-spook-desc2 .t-spook-list1 li {
    float: left;
    width: 245px;
    margin-right: 7px;
}

.t-spook-desc2 .t-spook-list1 li:last-child {
    margin-right: 0;
}

.t-spook-desc2 .t-spook-text2 {
    font-size: 18px;
    text-align: center;
}

.t-spook-desc2 .t-spook-text2 strong {
    color: #e41569;
}

.t-spook-desc2 .t-spook-list2 {
    overflow: hidden;
    padding: 5px;
    margin-bottom: 40px;
    margin-top: 60px;
}

.t-spook-desc2 div {
    position: relative;
    height: 210px;
    margin-bottom: 60px;
}

.t-spook-desc2 div .t-spook-balloon {
    position: absolute;
    top: -70px;
    left: 0;
    z-index: 1;
}

.t-spook-desc2 .t-spook-list2 li {
    position: relative;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    float: left;
    width: 200px;
    height: 90px;
    background-repeat: no-repeat;
    background-position: top 30px center;
    border-radius: 6px;
    box-shadow: 0px 0px 10px 1px #ccc;
    -moz-box-shadow: 0px 0px 10px 1px #ccc;
    -webkit-box-shadow: 0px 0px 10px 1px #ccc;
    padding: 110px 0 0 0;
    margin-right: 20px;
}

.t-spook-desc2 .t-spook-list2 li:nth-child(1) {
    background-image: url("../special/images/t-spook/t-spook-mark1.jpg");
    margin-left: 60px;
}

.t-spook-desc2 .t-spook-list2 li:nth-child(2) {
    background-image: url("../special/images/t-spook/t-spook-mark2.jpg");
}

.t-spook-desc2 .t-spook-list2 li:nth-child(3) {
    background-image: url("../special/images/t-spook/t-spook-mark3.jpg");
    margin-right: 0;
}

.t-spook-desc2 .t-spook-list2 li::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
}

.t-spook-desc2 .t-spook-list2 li::after {
    border-top: 15px solid transparent;
    border-left: 15px solid #e41569;
    border-bottom: 15px solid transparent;
    top: 45%;
    right: -15px;
}

.t-spook-desc2 .t-spook-list2 li:last-child:after {
    border: none;
}

.t-spook-table {
    font-size: 14px;
    width: 100%;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    margin-bottom: 60px;
}

.t-spook-table th {
    vertical-align: middle;
    text-align: center;
    background-color: #e6e6e6;
}

.t-spook-table th,
.t-spook-table td {
    border-bottom: 1px dashed #000;
    line-height: 1.5;
    padding: 20px;
}

.t-spook-aside p {
    text-align: center;
    margin-bottom: 20px;
}

.t-spook-aside p:first-child {
    margin-bottom: 20px;
}

/* スタッフおすすめ */
#osusume {
}

#osusume p {
    margin-bottom: 0px;
}

.u-pT05 {
    padding-top: 0.5em;
}

.u-pT1 {
    padding-top: 1em;
}

.u-pTB1 {
    padding-top: 1em;
    padding-bottom: 1em;
}

.u-pTB05 {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.u-pB05 {
    padding-bottom: 0.5em;
}

.u-pL05 {
    padding-left: 0.5em;
}

.u-pL1 {
    padding-left: 1em;
}

.u-borA1 {
    border: 1px solid;
}

.u-borB1 {
    border-bottom: 1px solid #000;
}

.u-borTB1 {
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.u-bold {
    font-weight: bold;
}

.u-verAM {
    vertical-align: middle;
}

.rec_li__name {
    position: absolute;
}

.rec_li__shohin {
    padding-top: 1.2em;
    padding-left: 1em;
}

.rec_li__cont {
    width: calc(100% - 145px);
}

.rec_borColor {
    border-color: #808080;
}

.rec_li__img {
    width: 120px;
    height: 120px;
}

/* 20180629_カテゴリランキング改修@tanaka */
.catrank_li {
    width: 30%;
}

/* 総合TOP配送遅延について */
.top_information__link {
    display: block;
    text-align: center;
    /*margin: 12px 0;*/
    /*padding: 12px;*/
    /*background: #fff8e0;*/
    color: #c00 !important;
}

/* 演出に使える景品特集 */

.prize_wedding .pw_bc {
    background-color: #dda943;
}

.prize_wedding .pw_spa {
    color: #dda943;
}

.prize_wedding .pw_border {
    height: 2px;
    background-color: #000;
}

.prize_wedding .pw_mRL {
    margin: 0 10%;
}

.prize_wedding .pR235 {
    padding-right: 2.35em;
}

.prize_wedding .priArrow {
    position: relative;
}

.prize_wedding .priArrow::after {
    content: "〉";
    position: absolute;
}

.prize_wedding .priArrow-ri-rot::after {
    right: 0.75em;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: calc((100% - 1em) / 2);
}

.prize_wedding .priArrow-ri::after {
    /* paL:1em paR:235emの場合真ん中 */
    right: 0.35em;
    /*calc((100% - 1em) / 2)で真ん中にならないので-5pxは補正値 */
    top: calc((100% - 1.35em) / 2);
    /* spではcalc(1em - 8px) */
}

.prize_wedding .priDIn {
    display: inline;
}

.prize_wedding .c-h3 {
    font-size: 100% !important;
    margin-bottom: 0 !important;
}

.prize_wedding ul.itemBlock {
    margin: 0 0 0 -10px;
}

.prize_wedding ul.itemBlock li {
    margin: 0 0 10px 11px;
    width: 140px;
}

.prize_wedding ul.itemBlock li .img img {
    width: 140px;
    height: 140px;
}

/* 演出カテ強化 */

.k-catBox__textColor {
    color: #777777;
    font-size: 17px;
    padding-top: 0.3em;
}

/* 2019.01.08 内祝いランキング改修 伊賀本 */

.uchiiwaiRanking2019 .top_navi_border {
    border: solid 1px #b3b3b3;
    border-radius: 10px;
}

.uchiiwaiRanking2019 .flx-grow {
    flex-grow: 1;
}

.uchiiwaiRanking2019 .top_navi_opa:hover {
    opacity: 0.8;
}

.uchiiwaiRanking2019 .tabContent.hide {
    display: none;
}

.uchiiwaiRanking2019 .c-pad {
    padding: 1em;
}

.uchiiwaiRanking2019 .top_navi .selected div {
    background-color: #f5f5f5;
}

.uchiiwaiRanking2019 .itemRanking ul.top li,
.itemRanking ul.top li {
    margin: 0 0 10px 20px;
}

.uchiiwaiRanking2019 .c-pad-02 {
    padding: 0.5em;
}

.uchiiwaiRanking2019 .c-m05-02 {
    margin: 0.5em;
}

.uchiiwaiRanking2019 p {
    margin-bottom: 0;
}

/* 楽天RMS 商品リスト */
.itemList .itemBlock {
    margin: 0;
    text-align: left;
}

.itemList .itemBlock li {
    width: 140px;
    height: 260px;
    margin: 0 9px 10px 0px;
    display: inline;
    position: relative;
    float: left;
    z-index: 200;
    line-height: 1.2;
}

.itemList .itemBlock li a .img img {
    width: 138px;
    border: #ddd 1px solid;
    padding: 2px;
    background: #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    margin: 0 0 5px 0;
}

/* 使用例 */

.thx_example .c-surround {
    padding: 3em 0;
    border: solid 1px #999;
    border-radius: 15px;
    margin: 0 3em;
}

.thx_example .c-pause {
    position: relative;
    display: inline-block;
}

.thx_example .c-pause::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -3em;
    display: inline-block;
    width: 500px;
    height: 1px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #999;
}

.thx_example .c-w180 {
    width: 180px;
}

.thx_example .c-responsive_a {
    padding: 0 2em;
}

.thx_example .c-responsive_b {
    padding: 0 1em;
}

.thx_example .c-responsive_b a div {
    position: relative;
}

.thx_example .c-responsive_b a div::after {
    position: absolute;
    content: "";
    z-index: 1;
    display: inline-block;
    background-image: url(https://www.rakuten.ne.jp/gold/piary/images/cart_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    bottom: 5px;
    right: 5px;
}

.thx_example .u-fs18-16 {
    font-size: 18px;
    font-weight: bold;
}

.sp_hPiary {
    display: none;
}

#main .thx_example p {
    margin-bottom: 0;
}

/*プチギフト価格検索ボタン設置 2019.03.20湯澤*/
.ptSarch__priceTo {
    position: absolute;
    top: 10%;
    font-size: 18px;
    font-weight: bold;
    right: -5%;
}

.ptSarch__price li {
    width: 33.33%;
    margin-bottom: 1em;
    text-align: center;
}

.ptSarch__price li a {
    margin: 0 3%;
    display: flex;
    align-items: center;
    border: solid 1px #a18c80;
    border-radius: 10px;
    text-decoration: none;
}

.ptSarch__price li a {
    padding: 1em;
}

/*TOP 新着情報、メディア掲載デザイン変更20190328湯澤*/
h3.tCate {
    margin: 0 0 10px 0;
    padding: 0 0 0 10px;
    border-bottom: 2px solid #000;
    font-size: 18px;
    font-family: "小塚明朝 Pr6N", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: normal;
}

h3.tCate span {
    font-size: 36px;
    font-family: "Allura", cursive, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, sans-serif;
    margin: 0 20px 0 0;
}

/* 定期更新バナー igamoto 20190410 */

.bn_regularly {
    border: solid 1px #e95513;
    font-weight: bold;
    height: 66px;
    width: 100%;
    border-image: linear-gradient(90deg, #e95513, #ffc35d) 1;
}

.bn_regularly .discount_wrap {
    width: 25%;
    color: #e95513;
    position: relative;
}

.bn_regularly .right_area {
    display: flex;
    width: 75%;
}

.bn_regularly .heading_wrap {
    width: 60%;
    /*background-color: #E95513;*/
    color: #fff;
    font-size: 28px;
}

.bn_regularly .deadline_wrap {
    width: 40%;
    /*background-color: #6E4B26;*/
    color: #fff;
    font-size: 15px;
}

.bn_regularly .discount_wrap .c-cate {
    font-size: 15px;
    padding-top: 0.25em;
    padding-left: 0.75em;
    height: 9px;
    z-index: 2;
    position: relative;
}

.bn_regularly .discount_wrap .c-ratio {
    height: 55px;
    align-items: flex-end;
}

.bn_regularly .discount_wrap .left_txt p {
    font-size: 20px;
}

.bn_regularly .discount_wrap .left_txt span {
    font-size: 45px;
    letter-spacing: -2px;
}

.bn_regularly .discount_wrap .right_txt {
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 0.2em;
}

.bn_regularly .discount_wrap .right_txt p {
    line-height: 1;
    font-size: 17px;
    padding-bottom: 0.2em;
}

.bn_regularly .discount_wrap .other_txt {
    margin-top: auto;
    font-size: 27px;
    position: relative;
    z-index: 2;
}

.bn_regularly .heading_wrap .c-imadake {
    margin-right: 0.5em;
    font-size: 20px;
    position: relative;
}

.bn_regularly .heading_wrap .c-imadake::before,
.bn_regularly .heading_wrap .c-imadake::after {
    content: "";
    display: inline-block;
    position: absolute;
    /* left: 0; */
    right: 0;
    width: 40px;
    height: 1px;
    background-color: #fff;
    vertical-align: middle;
}

.bn_regularly .heading_wrap .c-imadake::before {
    top: -6px;
    transform: rotate(12deg);
}

.bn_regularly .heading_wrap .c-imadake::after {
    bottom: -3px;
    transform: rotate(-12deg);
}

.bn_regularly .deadline_wrap .date_txt {
    font-size: 28px;
    letter-spacing: 3px;
    height: 35px;
}

.bn_regularly .discount_wrap::after {
    position: absolute;
    content: "";
    height: 68px;
    width: 20px;
    border-radius: 0 50% 50% 0;
    -moz-border-radius: 0 50% 50% 0;
    -webkit-border-radius: 0 50% 50% 0;
    background: #ffffff;
    right: -10px;
    top: 0;
}

/* 定期更新バナーSP igamoto 20190410 */
.bn_regularly .discount_wrap {
    width: 37%;
}

.bn_regularly .right_area {
    width: 63%;
    flex-direction: column;
    -webkit-flex-direction: column;
    background: linear-gradient(90deg, #e95513, #ffc35d);
}

.bn_regularly .discount_wrap .c-cate {
    font-size: 13px;
    padding-left: 0;
    height: 7px;
    padding-top: 5px;
    text-align: center;
}

.bn_regularly .discount_wrap .c-ratio {
    height: 46px;
    padding-left: 3px;
}

.bn_regularly .discount_wrap .left_txt {
    height: 48px;
}

.bn_regularly .discount_wrap .left_txt p {
    font-size: 15px;
}

.bn_regularly .discount_wrap .left_txt span {
    font-size: 40px;
    letter-spacing: 0;
}

.bn_regularly .discount_wrap .right_txt {
    margin-top: initial;
    margin-bottom: initial;
    z-index: 2;
}

.bn_regularly .discount_wrap .right_txt p {
    font-size: 13px;
}

.bn_regularly .discount_wrap .right_txt br {
    line-height: 1;
}

.bn_regularly .discount_wrap .other_txt {
    height: 36px;
}

.bn_regularly .discount_wrap::after {
    height: 66px;
    width: 20px;
    right: -10px;
    z-index: 1;
}

.bn_regularly .heading_wrap {
    width: 100%;
    font-size: 24px;
    height: 36px;
}

.bn_regularly .heading_wrap .c-imadake {
    font-size: 14px;
}

.bn_regularly .heading_wrap .c-imadake::before,
.bn_regularly .heading_wrap .c-imadake::after {
    left: initial;
    width: 27px;
    height: 1px;
}

.bn_regularly .heading_wrap .c-imadake::before {
    top: -3px;
}

.bn_regularly .heading_wrap .c-imadake::after {
    bottom: -2px;
}

.bn_regularly .deadline_wrap {
    height: 30px;
    width: 100%;
    font-size: 13px;
}

.bn_regularly .deadline_wrap .date_txt {
    font-size: 20px;
    letter-spacing: 2px;
    height: auto;
}

iframe[src="https://www.rakuten.ne.jp/gold/piary/waribiki/bn_hikitaku.html"]
{
    margin-bottom: 1em;
    width: 100%;
    height: 68px;
}

/* ランキングアイコン */

.c-icRankIn::before {
    content: "";
    display: block;
    position: absolute;
    top: -3px;
    left: 0;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    z-index: -1;
}

.c-icRankIn {
    position: relative;
    font-size: 12px;
    font-style: normal;
    display: inline-block;
    width: 24px;
    margin-right: 0.3em;
    z-index: 0;
}

.c-icRankIn.is-no1,
.c-icRankIn.is-no2,
.c-icRankIn.is-no3,
.c-icRankIn.is-no4,
.c-icRankIn.is-no5 {
    color: #fff;
}

.c-icRankIn.is-no1::before {
    background: url(https://www.rakuten.ne.jp/gold/piary/images/ico_rank_01.png) no-repeat 0 0;
}

.c-icRankIn.is-no2::before {
    background: url(https://www.rakuten.ne.jp/gold/piary/images/ico_rank_02.png) no-repeat 0 0;
}

.c-icRankIn.is-no3::before {
    background: url(https://www.rakuten.ne.jp/gold/piary/images/ico_rank_03.png) no-repeat 0 0;
}

.c-icRankIn.is-no4::before,
.c-icRankIn.is-no5::before {
    background: url(https://www.rakuten.ne.jp/gold/piary/images/ico_rank_04.png) no-repeat 0 0;
}

.c-icRankIn.is-no6,
.c-icRankIn.is-no7,
.c-icRankIn.is-no8,
.c-icRankIn.is-no9,
.c-icRankIn.is-no10 {
    color: #aaa;
}

.c-icRankIn.is-no6::before,
.c-icRankIn.is-no7::before,
.c-icRankIn.is-no8::before,
.c-icRankIn.is-no9::before,
.c-icRankIn.is-no10::before {
    border: 1px solid #aaa;
    border-radius: 50%;
}

/* フッター
-------------------------------------*/
#wrapFoot {
    padding-top: 20px;
    background-image: none;
    background-color: #efe7e3;
}

#footer2019 #wrapFoot {
    padding-top: 20px;
    background-image: none;
    background-color: #efe7e3;
}

#footer2019 #globalFooter {
    padding: 0 25px;
}

#footer2019 #globalFooter-mini {
    padding: 0 25px;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

/* フッター左 */

.footInfoWrap *,
.footInfoWrap *::before,
.footInfoWrap *::after {
    box-sizing: border-box;
}

#globalFooter .footInfoWrap .footCateNav,
#globalFooter-mini .footInfoWrap .footCateNav {
    width: 462px;
    padding: 0;
    margin: 0;
}

#globalFooter .c-footer-catList,
#globalFooter-mini .c-footer-catList {
    display: flex;
    flex-wrap: wrap;
    width: 480px;
}

.c-footer-catList__a {
    width: 154px;
    height: 55px;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.c-footer-catList__a:hover {
    text-decoration: none;
    background-color: #e5dace;
    opacity: 1;
}

.c-footer-catList__a:not(:nth-last-of-type(-n + 3)) {
    border-bottom: dotted 1px rgba(0, 0, 0, 0.6);
}

.c-footer-catList__a:not(:nth-of-type(3n)) {
    border-right: dotted 1px rgba(0, 0, 0, 0.6);
}

.c-footer-catList__imgWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 55px;
}

.c-footer-catList__txtWrap {
    display: flex;
    align-items: center;
    width: 94px;
    height: 55px;
    padding-left: 5px;
}

.c-footer-catList__txtWrap__p {
    font-size: 13px;
    line-height: 1.4;
    color: #666;
}

/* フッター中央 */
#globalFooter .footInfoWrap .footGuid,
#globalFooter-mini .footInfoWrap .footGuid {
    width: 468px;
    padding: 0;
    margin-left: 15px;
}

.c-footer-center {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
}

.c-footer-center .c-footer-support {
}

#globalFooter .c-footer-guid,
#globalFooter-mini .c-footer-guid {
    text-align: left;
    margin-right: 1em;
}

#globalFooter .footInfoWrap .footGuid ul.c-footer-guid,
#globalFooter-mini .footInfoWrap .footGuid ul.c-footer-guid {
    width: 172px;
    float: none;
    margin-right: 5px;
}

.c-footer-support {
    width: 290px;
}

#footer2019 .c-footer-support {
    width: 245px;
}

#globalFooter .c-footer-guid li a.c-footer-guid__a,
#globalFooter-mini .c-footer-guid li a.c-footer-guid__a {
    font-size: 13px;
    line-height: 2;
    color: #666;
    text-decoration: none;
    display: block;
    background: none;
    padding: 0;
}

#globalFooter .footInfoWrap .footGuid ul li a.c-footer-guid__a:hover,
#globalFooter-mini .footInfoWrap .footGuid ul li a.c-footer-guid__a:hover {
    color: #ff6d2e;
    opacity: 1;
}

#globalFooter .c-footer-guid li a.c-footer-guid__a--parent,
#globalFooter-mini .c-footer-guid li a.c-footer-guid__a--parent {
    background-image: url(https://www.rakuten.ne.jp/gold/piary/images/parts/icon-guid.svg);
    background-repeat: no-repeat;
    background-size: 10px 13px;
    background-position: left center;
    padding-left: 15px;
}

/* フッター右 */
.c-footer-support {
    border: solid 1px rgba(0, 0, 0, 0.6);
    font-size: 10px;
    text-align: center;
    line-height: 1.4;
    color: #666;
}

.c-footer-support__dt {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 3px;
}

.c-footer-support__dd {
    background-color: #fff;
}

.c-footer-support__dd__tel {
    padding: 10px;
    border-bottom: dotted 1px rgba(0, 0, 0, 0.6);
}

.c-footer-support__dd__tel__info {
    margin-bottom: 5px;
}

.c-footer-support__dd__tel__a {
    text-decoration: none;
    pointer-events: none;
    display: inline-block;
    font-size: 20px;
    padding-left: 30px;
    background-image: url(../images/parts/icon-freedial.svg);
    background-repeat: no-repeat;
    background-size: 27px 17px;
    background-position: 0% 35%;
}

.c-footer-support__dd__mail {
    padding: 10px;
}

#footer2019 .c-footer-support__dd__mail {
    padding: 10px 0 15px;
}

@media all and (-ms-high-contrast: none) {
    /* IEのみに適用 */
    #footer2019 .c-footer-support {
        border: none;
    }

    #footer2019 .c-footer-support__dd__tel,
    #footer2019 .c-footer-support__dd__mail {
        border-right: 1px solid rgba(0, 0, 0, 6);
        border-left: 1px solid rgba(0, 0, 0, 6);
    }

    #footer2019 .c-footer-support__dd__mail {
        border-bottom: 1px solid rgba(0, 0, 0, 6);
    }
}

.c-footer-support__dd__mail__a {
    font-size: 12px;
    text-align: left;
    display: inline-block;
    margin: 0 auto;
    padding: 0 20px 0 30px;
    background-image: url(../images/parts/icon-mail.svg), url(../images/parts/deco-footer-right_allow.svg);
    background-repeat: no-repeat;
    background-size: 18px 14px, 7px 19px;
    background-position: left center, right center;
}

/* フッター SNS */
.c-footer-sns {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.c-footer-sns__li {
    margin: 0 10px;
}

.c-footer-sns__li__a {
    display: block;
    color: #666;
    font-size: 11px;
    line-height: 2;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: left center;
}

.c-footer-sns__li__a--instagram {
    background-image: url(https://www.piary.jp/resource/img/common/icon-instagram.svg);
}

.c-footer-sns__li__a--youtube {
    background-image: url(https://www.piary.jp/resource/img/common/icon-youtube.svg);
}

.c-footer-sns__li__a--twitter {
    background-image: url(https://www.piary.jp/resource/img/common/icon-twitter.svg);
}

.c-footer-sns__li__a--facebook {
    background-image: url(https://www.piary.jp/resource/img/common/icon-facebook.svg);
}

/* フッター 下 */
#footerLower #copyright {
    text-align: left;
}

/* プリザーブドフラワー iframe 2019.04.24 igamoto */

.preserved_flower .momsday2019 > .itemRanking ul.itemBlock li:nth-child(n + 6) {
    width: 141px;
    height: 260px;
}

.preserved_flower #wrapper {
    width: 786px;
    margin: 0;
}

.preserved_flower #contents {
    width: auto;
    padding: 0;
}

/* 期間限定ボタン */
.special-fix-bn,
.special-fix-bn-pc {
    position: fixed;
    bottom: 32%;
    right: 0;
    z-index: 1000;
    animation: flash 5s linear infinite;
    /*width: 120px;
	height: 120px;*/
}

.special-fix-bn1 {
    position: fixed;
    bottom: 32%;
    right: 0;
    z-index: 1000;
    animation: flash 5s linear infinite;
    /*width: 120px;
	height: 120px;*/
}

.special-fix-bn2 {
    position: fixed;
    bottom: 54%;
    right: 0;
    z-index: 1000;
    animation: flash2 5s linear infinite;
    animation-delay: -2s;
    /*width: 120px;
	height: 120px;*/
}

.special-fix-bn3 {
    position: fixed;
    bottom: 37%;
    right: 0;
    z-index: 1000;
    animation: flash3 5s linear infinite;
    animation-delay: -4s;
    /*width: 120px;
	height: 120px;*/
}

.special-fix-bn-sp {
    display: none;
}

@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 0.7;
    }

    35% {
        opacity: 1;
        background: #fff;
    }

    65% {
        opacity: 1;
        background: #fff;
    }
}

@-webkit-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 0.7;
    }

    35% {
        opacity: 1;
        background: #fff;
    }

    65% {
        opacity: 1;
        background: #fff;
    }
}

@keyframes flash2 {
    0%,
    50%,
    100% {
        opacity: 0.7;
    }

    35% {
        opacity: 1;
        background: #fff;
    }

    65% {
        opacity: 1;
        background: #fff;
    }
}

@-webkit-keyframes flash2 {
    0%,
    50%,
    100% {
        opacity: 0.7;
    }

    35% {
        opacity: 1;
        background: #fff;
    }

    65% {
        opacity: 1;
        background: #fff;
    }
}

@keyframes flash3 {
    0%,
    50%,
    100% {
        opacity: 0.7;
    }

    35% {
        opacity: 1;
        background: #fff;
    }

    65% {
        opacity: 1;
        background: #fff;
    }
}

@-webkit-keyframes flash3 {
    0%,
    50%,
    100% {
        opacity: 0.7;
    }

    35% {
        opacity: 1;
        background: #fff;
    }

    65% {
        opacity: 1;
        background: #fff;
    }
}

/*全体*/
#slideshow,
.hidden_box {
    display: none;
}

/* sp用ToTopボタン */
.sp_fixArea {
    display: none;
}

/* テーブル（休業日のお知らせ）*/
.table-a {
    border-collapse: collapse;
    border: 1px solid #ccc;
}

.table-a th,
.table-a td {
    border: 1px solid #ccc;
    padding: 7px 5px;
}

.table-a th {
    text-align: center;
    font-weight: bold;
    background-color: #ffe5d7;
    vertical-align: middle;
}

.table-a td {
    text-align: center;
    vertical-align: middle;
}

.table-a th.first {
    width: 10%;
}

.table-a th.other {
    width: 7%;
}

/* 新型コロナウイルスに関する相談窓口 */
.corona_virus2020__dl {
    border-top: 1px solid #ccc;
    display: flex;
    -webkit-display: flex;
    padding: 0.5em 0;
}

.corona_virus2020__dl--borB {
    border-bottom: 1px solid #ccc;
}

.corona_virus2020__dt {
    width: 40%;
}

.corona_virus2020__dd {
    width: 60%;
    padding-left: 1em;
    box-sizing: border-box;
}

.c-headerOrangeLink {
    display: flex;
    -webkit-display: flex;
    border: 1px solid #ff6d2e;
    width: 70%;
    max-width: 640px;
    margin: 1em auto;
}

.c-headerOrangeLink__left {
    display: flex;
    -webkit-display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;

    background-color: #ff6d2e;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    width: 55%;
    padding: 0.5em 0;
}

.c-headerOrangeLink__right {
    text-align: center;
    width: 45%;
    padding: 0.5em 0;
}

.c-headerOrangeLink__tel {
    font-size: 24px;
    pointer-events: none;
    text-decoration: none !important;
}

/*iframe[src="https://www.rakuten.ne.jp/gold/piary/header.html"],
iframe[src="https://www.rakuten.ne.jp/gold/piary/header_mini.html"]{ width: 100%; }*/

/*------------------------------------------------------
  アウトレット_大口注文
------------------------------------------------------*/
.outlet-sanitation_largeorder {
    width: 750px;
    margin: 0 auto;
}

.outlet-sanitation_largeorder .u-fs32 {
    font-size: 32px;
}

.outlet-sanitation_largeorder .u-fs16-14 {
    font-size: 16px;
}

.outlet-sanitation_largeorder_box {
    padding: 1em 2.5em 2em;
}

/* ------------------------------------------------------
	共通（アウトレットもっと見るボタン）
------------------------------------------------------*/
a.outlet-top__recommend__feature__more {
    display: block;
    width: 285px;
    margin: 40px auto 0;
    border: solid 1px #333;
    border-radius: 7px;
    font-size: 15px;
    padding: 14px 0;
    text-align: center;
    color: #333;
    background-color: #fff;
    text-decoration: none;
}

/* ------------------------------------------------------
	アウトレットカテゴリー一覧 
------------------------------------------------------*/
.foodLoss-cat {
    background-color: #fbd13b;
    max-width: 960px;
    margin: 0 auto;
}

.foodLoss-cat__list {
    max-width: 785px;
    margin: 0 auto;
    border-top: 1px solid #603813;
    border-left: 1px solid #603813;
}

.foodLoss-cat__item {
    width: 25%;
    font-size: 15px;
    box-sizing: border-box;
    background-color: #fff;
    border-right: 1px solid #603813;
    border-bottom: 1px solid #603813;
}

@media screen and (min-width: 600px) {
    .foodLoss-cat {
        padding: 1em 0 2em;
    }

    .foodLoss-cat__item {
        width: 25%;
    }
}

a.foodLoss-cat__link {
    display: block;
    position: relative;
    padding: 1.5em;
    text-decoration: none;
}

.foodLoss-cat__link::before {
    content: "〉";
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    color: #ff6d13;
}

.foodloss-bebery-bnrwrap {
    max-width: 785px;
    margin: 0 auto;
    margin-top: 5em;
}

.foodloss-bebery-bnr__txt {
    font-size: 20px;
    color: #c55660;
    display: table;
    margin: 0 auto 0.25em;
    padding: 0 1em;
    position: relative;
    text-align: center;
    font-weight: bold;
}

/* ------------------------------------------------------
	メルシービュッフェ 
------------------------------------------------------*/

.mercibuffet-lineup__item,
.mercibuffet-gallery__item {
    margin-bottom: 1em;
    box-sizing: border-box;
}

.mercibuffet-lineup__item {
    border: 1px solid #ccc;
    padding: 1em;
}

.mercibuffet-lineup__link {
    text-decoration: none;
}

.mercibuffet-tabs ul li,
.mercibuffet-tabs ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mercibuffet-tabs ul:before {
    display: table;
    content: " ";
}

.mercibuffet-tabs ul:after {
    clear: both;
    display: table;
    content: " ";
}

.mercibuffet-tabs ul {
    background-color: #d5d5d5;
    border-radius: 50px;
    width: 340px;
    margin: 30px auto;
}

.mercibuffet-tabs ul li {
    float: left;
    position: relative;
    display: block;
    margin: 5px;
    box-sizing: border-box;
    width: 160px;
    text-align: center;
}

.mercibuffet-tabs ul li a {
    position: relative;
    display: block;
    padding: 5px 25px 5px 25px;
    border-radius: 50px;
    color: #333;
    text-transform: uppercase;
    font-size: 18px;
    text-decoration: none;
}

.mercibuffet-tabs ul li a:hover,
.mercibuffet-tabs ul li a.active {
    background-color: #333;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

@media screen and (min-width: 600px) {
    .mercibuffet {
        padding: 1.5em;
    }

    .mercibuffet-main__item {
        width: 49%;
    }

    .mercibuffet-lineup__item,
    .mercibuffet-gallery__item {
        width: calc((100% - 3em) / 4);
        margin-right: 1em;
    }

    .mercibuffet-lineup__item:nth-child(4n),
    .mercibuffet-gallery__item:nth-child(4n) {
        margin-right: 0;
    }
}

/* ------------------------------------------------------
	CHRISTMAS 2020
------------------------------------------------------*/
.xm2020_font1 {
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic",
        Verdana, "メイリオ", Meiryo, sans-serif;
}

.xm2020_font2 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;
}

.xm_top p {
    margin: 30px auto;
    text-align: center;
    font-size: 20px;
}

.xm_contentheader {
    color: #aa1717;
    text-align: center;
}

.xm_contentheader img {
    margin: 0 auto !important;
}

.xm_products ul li {
    width: calc((100% / 5) - 20px);
    margin: 20px 10px;
}

.xm_products ul li a {
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.xm_products ul li a img {
    border: 1px solid #cecece;
}

.xm_products ul li a p {
    font-weight: 500;
}

.xm_products ul li a p:last-child {
    margin-top: 5px !important;
    border: 1px solid #aa1717;
    color: #aa1717;
    padding: 2px 5px;
    display: inline-flex;
}

.xm_bottom {
    padding: 180px 0 400px;
    background: url(../gift/christmas/img/bg_christmas_bottom.png) no-repeat 0 0;
}

.xm_bottom p {
    color: #aa1717;
    text-align: center;
}

/**RENEWAL PIARY RAKUTEN NEW SP HEADER**/
header .sp-header {
    width: 100%;
    height: 40px;
    max-height: 40px;
    background-color: #c98681;
    display: flex;
    justify-content: space-between;
}

header .sp-header .sp-header-logo,
header .sp-header .sp-hamburger-btn,
header .sp-header .sp-cart-btn {
    margin-top: auto;
    margin-bottom: auto;
}

header .sp-header .sp-header-logo img {
    max-width: 180px;
}

header .sp-header .sp-hamburger-btn {
    content: "";
    display: block;
    background-image: url("https://www.rakuten.ne.jp/gold/piary/newpiaryraku/assets/img/icons/sp-hamburger.svg");
    background-size: 18px 18px;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    margin-left: 15px;
}

header .sp-header .sp-cart-btn {
    content: "";
    display: block;
    background-image: url("https://www.rakuten.ne.jp/gold/piary/newpiaryraku/assets/img/icons/sp-cart-white.svg");
    background-size: 22px 22px;
    background-repeat: no-repeat;
    position: relative;
    width: 22px;
    height: 22px;
    margin-right: 15px;
}

header .sp-header .sp-cart-btn a {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

header .sp-searchbar {
    width: 100%;
    height: 50px;
    max-height: 50px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}

header .sp-searchbar form {
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    flex-direction: row;
    margin: 10px;
}

header .sp-searchbar form input {
    font-family: "Noto Sans JP", sans-serif;
    padding: 13px;
    height: 12px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border: 1px solid #c98681;
    border-right: 0;
    -webkit-appearance: none;
    width: 100%;
}

header .sp-searchbar form input:focus {
    outline: none;
}

header .sp-searchbar form button {
    width: 40px;
    height: 40px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border: 1px solid #c98681;
    background-color: #fff;
    border-left: 0;
    position: relative;
    margin-left: -1px;
}

header .sp-searchbar form button .sb-icon {
    content: "";
    display: block;
    background-image: url("https://www.rakuten.ne.jp/gold/piary/newpiaryraku/assets/img/icons/search-outline.svg");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    width: 30px;
    height: 40px;
    position: absolute;
    top: 8px;
    right: 0;
}

.sp-navi {
    font-family: "Noto Sans JP", sans-serif;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 75%;
    height: 100%;
    visibility: hidden;
    overflow-y: scroll;
    background-color: #fff;
    transform: translateX(-100%);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 999;
}

.sp-navi.active {
    display: block !important;
    transform: translateX(0) !important;
    visibility: visible;
}

.sp-navi-overlay.active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    transform: translateX(0);
    backdrop-filter: blur(3px);
    visibility: hidden;
    opacity: 0;
    -webkit-backdrop-filter: blur(3px);
    transition: all 0.2s ease-in-out;
    z-index: 998;
}

.sp-navi-overlay.active {
    visibility: visible !important;
    opacity: 1 !important;
}

.sp-navi ul {
    list-style: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
    display: flex;
    flex-wrap: wrap;
}

.sp-navi ul li {
    padding: 10px 20px;
    text-align: left;
    border-bottom: 0.1px solid #ccc;
}

.sp-navi .navi-header {
    background-color: #f9f9f9;
    color: #555;
    font-weight: bold;
    font-size: 12px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}

.sp-navi .navi-header p {
    margin-top: auto;
    margin-bottom: auto;
    padding: 10px 15px;
    padding-bottom: 13px;
}

.sp-navi .navi-featured {
    padding: 15px;
}

.sp-navi .navi-featured a img {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
}

.sp-navi .navi-featured a:last-child img {
    margin-bottom: 0;
}

.sp-navi .navi-info ul {
    padding: 15px;
}

.sp-navi .navi-info ul a {
    text-decoration: none;
    width: 100%;
}

.sp-navi .navi-info ul li {
    border: 1px solid #eee;
    margin-bottom: 10px;
    border-radius: 5px;
    font-size: 12px;
    padding: 10px;
    display: flex;
}

.sp-navi .navi-info .navi-shopping-guide::before {
    content: "";
    display: block;
    background-image: url("https://www.rakuten.ne.jp/gold/piary/newpiaryraku/assets/img/icons/bookmark-outline.svg");
    background-size: 12px 12px;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    margin-right: 10px;
}

.sp-navi .navi-info .navi-questions::before {
    content: "";
    display: block;
    background-image: url("https://www.rakuten.ne.jp/gold/piary/newpiaryraku/assets/img/icons/help-outline-bk.svg");
    background-size: 12px 12px;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    margin-right: 10px;
}

.sp-navi .navi-info .navi-contact::before {
    content: "";
    display: block;
    background-image: url("https://www.rakuten.ne.jp/gold/piary/newpiaryraku/assets/img/icons/call-outline.svg");
    background-size: 12px 12px;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    margin-right: 10px;
}

.accordian {
    width: 100%;
}

.accordian-item {
    background-color: white;
    color: #111;
    border-bottom: 1px solid #eee;
    color: #555;
}

.accordian-item:last-child {
    border-bottom: 0;
}

.accordian-item .accordian-item-header p::after {
    content: "";
    display: block;
    height: 6px;
    width: 6px;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%) rotate(45deg);
    transition: 0.2s;
}

.accordian-item .accordian-item-header.active p::after {
    transform: translateY(-50%) rotate(-135deg);
}

.accordian-item-header {
    display: flex;
    padding: 10px 15px;
    font-size: 12px;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.accordian-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}

.accordian-item-body-content {
    line-height: 1.5;
    background-color: #f9f9f9;
}

.accordian-item-body-content ul {
    display: block;
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
}

.accordian-item-body-content ul li::after {
    content: "";
    display: block;
    height: 6px;
    width: 6px;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    transform: rotate(-45deg);
    right: 15px;
    top: 45%;
    position: absolute;
}

.accordian-item-body-content ul li {
    list-style: none;
    display: flex;
    position: relative;
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
}

.accordian-item-body-content ul li:last-child {
    border-bottom: 0;
}

.accordian-item-body-content ul li:first-child {
    border-top: 1px solid #eee;
}

.accordian-item-body-content ul li a {
    text-decoration: none;
    color: black;
    font-size: 12px;
}

.pop_up_close_btn {
    background-color: rgba(0, 0, 0, 0.8);
    width: 25px;
    height: 25px;
    position: absolute;
    left: 140px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 50px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    top: -55px;
    z-index: 2;
}

.pop_up_close_btn img {
    max-width: 15px;
    padding: 5px;
}

/*DERMAL SHOP誘致スタイル/*
/*.pop_up_banner h5 {
  font-weight: bold;
  text-align: left;
  padding: 7px;
  font-family: 'Roboto Condensed', sans-serif;
  left: 110px;
  bottom: 44px;
  margin: 0px;
  position: absolute;
  background-color: red;
  -webkit-border-radius: 9000px;
  -moz-border-radius: 9000px;
  border-radius: 9000px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  width: max-content;
}*/

/*LINE友達*/
.pop_up_banner h5 {
    font-weight: bold;
    color: white;
    text-align: left;
    padding: 7px;
    font-family: "Roboto Condensed", sans-serif;
    margin: 0px;
    position: absolute;
    background-color: #07b53b;
    /*-webkit-border-radius: 9000px;
  -moz-border-radius: 9000px;
  border-radius: 9000px;*/
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: max-content;
}

.pop_up_img {
    width: 100%;
}

.piary_pop_up_modal_bg {
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    transform: translateX(0);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    z-index: 99999;
    top: 0;
    left: 0;
    transition: all 0.3s ease-in-out;
}

.piary_pop_up_modal_bg.hide {
    opacity: 0;
    visibility: hidden;
}

.piary_pop_up_modal_bg.active {
    opacity: 1 !important;
    visibility: visible !important;
}

.piary_pop_up_modal.active {
    display: block !important;
    z-index: 1;
    position: fixed;
    opacity: 1 !important;
    visibility: visible !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.piary_pop_up_modal.hide {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.pop_up_modal_close_btn {
    text-align: right;
    margin-bottom: 5px;
    cursor: pointer;
}

.pop_up_modal_close_btn img {
    max-width: 25px;
    max-height: 25px;
}

.piary_pop_up_modal_banner img {
    max-width: 600px;
}

#backtotop {
    display: inline-block;
    background-color: #c98681;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    text-decoration: none;
}

#backtotop::after {
    content: "";
    display: block;
    background-image: url("https://www.rakuten.ne.jp/gold/piary/newpiaryraku/assets/img/icons/chevron-up-white.svg");
    background-size: 25px 25px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
}

#backtotop:hover {
    cursor: pointer;
}

#backtotop.show {
    opacity: 1;
    visibility: visible;
}

#spnavimenu {
    display: none;
    background-color: #c98681;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    text-decoration: none;
}

#spnavimenu::after {
    content: "";
    display: block;
    background-image: url("https://www.rakuten.ne.jp/gold/piary/newpiaryraku/assets/img/icons/menu-outline-wh.svg");
    background-size: 25px 25px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
}

#spnavimenu:hover {
    cursor: pointer;
}

#spnavimenu.active::after {
    background-image: url("https://www.rakuten.ne.jp/gold/piary/newpiaryraku/assets/img/icons/close-outline-wh.svg");
}

#spnavimenu.show {
    opacity: 1;
    visibility: visible;
}

#piarylinebutton {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #05c756;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50px;
    position: fixed;
    bottom: 90px;
    right: 30px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    text-decoration: none;
}

#piarylinebutton::after {
    content: "";
    display: block;
    background-image: url("https://www.rakuten.ne.jp/gold/piary/newpiaryraku/assets/img/icons/line-logo.svg");
    background-size: 25px 25px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
}

#piarylinebutton:hover {
    cursor: pointer;
}

#piarylinebutton.show {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 768px) {
    #spnavimenu {
        display: inline-block;
    }

    #backtotop {
        bottom: 80px;
        right: 20px;
    }

    #piarylinebutton {
        display: none;
    }

    .piary_pop_up .circle {
        width: 90px;
        height: 90px;
        border-width: 5px;
    }

    .piary_pop_up.active {
        left: 15px;
        bottom: auto;
        -webkit-animation: bottom 1s infinite;
        -moz-animation: bottom 1s infinite;
        -o-animation: bottom 1s infinite;
        animation: bottom 1s infinite;
    }

    @keyframes bottom {
        0% {
            bottom: 75px;
        }

        50% {
            bottom: 70px;
        }

        100% {
            bottom: 75px;
        }
    }

    /*DERMAL SHOP誘致スタイル*/
    /*.pop_up_banner h5 {
    left: 70px;
    bottom: 18px;
  }*/

    .pop_up_banner h5 {
        left: -16px;
        bottom: 0px;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
    }

    .piary_pop_up_modal.active {
        max-width: 90%;
        width: 90%;
    }

    .piary_pop_up_modal_banner {
        width: 100%;
    }

    #wrapper .headerG {
        margin-bottom: 20px;
    }
}

/*サイドバーリニューアル202104_PC*/
.frameSide03 {
    width: 160px;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.leftnav {
    font-size: 14px;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.leftnav_catalog,
.leftnav_howto,
.leftnav_col,
.leftnav_bn {
    margin-bottom: 2em;
}

.leftnav_bn li img {
    width: 100%;
}

.leftnav_header {
    height: 50px;
    text-align: center;
    padding: 10px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #fff;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 5px;
    box-sizing: border-box;
}
.gift_bgClr {
    background-color: #be9079;
}

.wedding_bgClr {
    background-color: #c98681;
}

.gourmet_bgClr {
    background-color: #d49372;
}

.zakka_bgClr {
    background-color: #a97b69;
}
.season_bgClr {
    background-color: #f3f3f3;
}

.leftnav_catalogmenu li {
    display: flex;
    padding: 10px 0px 10px 0px;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.catalogmenu_img {
    width: 30%;
    box-sizing: border-box;
    display: block;
    margin: auto 0;
}

.leftnav_catalogmenu li a {
    width: 70%;
    box-sizing: border-box;
    padding-left: 10px;
    font-size: 13px;
    margin: auto 0 auto 0px;
    text-decoration: none;
}

.leftnav_submenu li,
.leftnav_menu li {
    padding: 10px 20px 10px 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.leftnav_menu_ttl {
    padding: 10px;
    background-color: #f3f3f3;
    font-weight: bold;
}

.leftnav_menu_ttl_catalog {
    font-size: 13px;
    padding: 10px;
    background-color: #f3f3f3;
    font-weight: bold;
}

.leftnav_season {
    padding: 10px;
}
.leftnav_season ul li {
    padding: 10px 20px;
    box-sizing: border-box;
    position: relative;
    margin-top: 10px;
    background-color: #fff;
    border-radius: 5px;
}

.leftnav_submenu li a,
.leftnav_menu li a,
.leftnav_season ul a {
    text-decoration: none;
    display: block;
}

.leftnav_submenu li::after,
.leftnav_menu li::after,
.leftnav_season ul li::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: "\f054";
    float: right;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    right: 5px;
}