@charset "euc-jp";
@import url("header_2024.css");
/* CSS Document */

main { max-width: 1200px; margin: 0 auto 50px; padding: 86px 15px 0; font-size: 0;}

@media screen and (max-width:1229px){
    main { text-align: center;}
}

@media screen and (max-width:699px){
    main { padding: 60px 15px 0;}
}
/**============================================================================================**/
/* 買物ガイド */
h2 {
    margin: 0 0 20px; padding: 7px 7px 4px 7px;
    background: #004885;
    color: #fff; font-size: 20px; line-height: 1.5em;}

@media screen and (max-width:768px){
    h2 { margin: 0 0 8px;}
}

/**========================================**/
/* 買物ガイド 各項目 */
#guide01,#guide02,#guide03,#guide04,#guide05,#guide06,#guide07,
#guide08,#guide09,#guide10,#guide11,#guide12,#guide13,#guide14 {
    width: 288px; height: 320px; margin: 0 5px 10px;
    border: solid 1px #999;
    font-size: 14px; text-align: left; line-height: 1.8em;}

@media screen and (max-width:649px){
    #guide01,#guide02,#guide03,#guide04,#guide05,#guide06,#guide07,
    #guide08,#guide09,#guide10,#guide11,#guide12,#guide13,#guide14 {width: 100%; height: auto; margin: 0 0 10px;}

    #guide01,#guide02,#guide03,#guide05,#guide06,#guide07,
    #guide08,#guide09,#guide11 { padding: 0 0 25px;}
}



h3 {
    box-sizing: border-box; height: 38px; padding: 11px 0 0 50px;
    border-bottom: solid 1px #999;
    color: #333; font-size: 15px; line-height: 1.0em;}
    
#guide01 h3 {background: #ddd url(/info/images/titleBg00.png) no-repeat;} /* メール受信設定のお願い */
#guide02 h3 {background: #ddd url(/info/images/titleBg01.png) no-repeat;} /* お買い物のながれ */
#guide03 h3 {background: #ddd url(/info/images/titleBg02.png) no-repeat;} /* お支払金額 */
#guide04 h3 {background: #ddd url(/info/images/titleBg03.png) no-repeat;} /* お支払方法 */
#guide05 h3 {background: #ddd url(/info/images/titleBg04.png) no-repeat;} /* 送料 */
#guide06 h3 {background: #ddd url(/info/images/titleBg05.png) no-repeat;} /* 同梱対応 */
#guide07 h3 {background: #ddd url(/info/images/titleBg06.png) no-repeat;} /* 配送・梱包・納期 */
#guide08 h3 {background: #ddd url(/info/images/titleBg07.png) no-repeat;} /* キャンセル・返品・交換 */
#guide09 h3 {background: #ddd url(/info/images/titleBg08.png) no-repeat;} /* クレーム対応 */
#guide10 h3 {background: #ddd url(/info/images/titleBg09.png) no-repeat;} /* お届け商品の未受け取り */
#guide11 h3 {background: #ddd url(/info/images/titleBg10.png) no-repeat;} /* 商品ページ内記号 */
#guide12 h3 {background: #ddd url(/info/images/titleBg11.png) no-repeat;} /* スーパーポイント */
#guide13 h3 {background: #ddd url(/info/images/titleBg12.png) no-repeat;} /* お問い合わせ */
#guide14 h3 {background: #ddd url(/info/images/titleBg13.png) no-repeat;} /* セキュリティーについて */

/* 詳しくはこちら */
#shopping-guide p.posi-abs,
#guide07 div.posi-abs,
#guide08 div.posi-abs { right: 5px; bottom: 3px; color: #535353;}

#shopping-guide p.posi-abs a,
#guide07 div.posi-abs a,
#guide08 div.posi-abs a { position: relative; padding: 0 15px 0 0; text-decoration: underline;}

#shopping-guide p.posi-abs a::before,
#guide07 div.posi-abs a::before,
#guide08 div.posi-abs a::before {
    content: '';
    position: absolute; top: 4px; right: 0;
    width: 0;  height: 0;
    border-style: solid;  border-width: 6px 0 6px 9px;
    border-color: transparent transparent transparent #ff0000;}
/**========================================**/
/* サイト内スクロール */
#scroll-link { display: none;}

@media screen and (max-width:768px){
    #scroll-link { display: block; margin: 0 0 20px; font-size: 0;}
    #scroll-link li { 
        display: inline-block; position: relative;
        box-sizing: border-box; width: 31.33%; margin: 0 1% 8px; padding: 0 0 0 12px;
        font-size: 14px; line-height: 1.5em; vertical-align: top;}

    #scroll-link li::before {
        content: '';
        position: absolute; top: 5px;  left: 0;
        width: 0;  height: 0;
        border-style: solid;  border-width: 5px 0 5px 7px;
        border-color: transparent transparent transparent #ff6c00;}
}

@media screen and (max-width:599px){
    #scroll-link li {width: 48%; margin: 0 1% 8px;}
}

@media screen and (max-width:374px){
    #scroll-link li {font-size: 13px;}
}

/**============================================================================================**/
/* メール受信設定のお願い */
#guide01 strong {
    padding: 7px 5px;
    background: #c6eaf4; 
    color: #00416b; font-size: 16px; letter-spacing: 2px;}

/**========================================**/
/* お買い物のながれ */
#guide02 li { margin: 0 0 10px 5em; text-indent:-5em; line-height: 1.4em;}


/**========================================**/
/* お支払金額 */
#guide03 p.posi-rlt { padding: 0 0 0 15px; line-height: 1.5em;}
#guide03 p.posi-rlt::before {
    content: '';
    position: absolute; top: 7px; left: 0;
    width: 8px;  height: 8px;
    border-radius: 50%; background: #000;}

#guide03 li { margin: 0 0 5px;}
#guide03 li span { 
    display: inline-block;
    padding: 0 0 0 45px; 
    background:url("../images/icon/item-tokusou_h25.png") no-repeat left;}

/**========================================**/
/* お支払方法 */
#guide04 li { margin: 0 0 5px;}
#guide04 li a { 
    display: inline-block;
    padding: 0 25px 0 0; 
    background:url("../images/icon/plus-icon_w15.gif") no-repeat right;
    cursor: pointer; text-decoration: underline;}

/**========================================**/
/* 送料 */
#guide05 img { display: inline-block; margin: 0 5px;}

/* 3万円以上のお買上げ 基本送料無料 */
#guide05 .dis-tbl { border: solid 1px #999;}
#guide05 .dis-tbl p { padding: 5px; font-size: 13px; font-weight: bold;}
#guide05 .dis-tbl p:nth-child(1) { border-right: solid 1px #999; background: #ffcc00;}
#guide05 .dis-tbl p span { margin: 0 5px; color: #ff6c00;}

/**========================================**/
/* 配送・梱包・納期 */
#guide07 p.asterisk {position: relative; padding: 0 0 0 18px;}
#guide07 p.asterisk::before {content:'※'; position: absolute; top: 0; left: 0;}

/* 詳しくはこちら */
#guide07 div.posi-abs { width: 277px; font-size: 0;}
#guide07 div.posi-abs p { width: 50%; font-size: 14px; text-align: center; vertical-align: bottom; }

/**========================================**/
/* キャンセル・返品・交換 */
#guide08 p.asterisk {position: relative; padding: 0 0 0 18px;}
#guide08 p.asterisk::before {content:'※'; position: absolute; top: 0; left: 0;}

#guide08 strong.dis-blk {
    padding: 8px 5px;
    background: #ff0000; 
    color:#FFFF00; font-weight: lighter; line-height: 1.0em;}

#guide08 li { margin: 0 0 5px;}
#guide08 li a { 
    display: inline-block;
    padding: 0 25px 0 0; 
    background:url("../images/icon/plus-icon_w15.gif") no-repeat right;
    cursor: pointer; text-decoration: underline;}

/* 詳しくはこちら */
#guide08 div.posi-abs { width: 277px; font-size: 0;}
#guide08 div.posi-abs p { width: 50%; font-size: 14px; text-align: center; vertical-align: bottom; }

/**========================================**/
/* クレーム対応 */
#guide09 p.asterisk {position: relative; padding: 0 0 0 18px;}
#guide09 p.asterisk::before {content:'※'; position: absolute; top: 0; left: 0;}

/* 電話番号 */
#guide09 a.dis-ilblk {font-size: 22px; line-height: 1.0em; text-decoration: none;}

@media screen and (max-width:899px){
    #guide09 p.ta_c { text-align: left;}

    /* 電話番号 */
    #guide09 a.dis-ilblk { padding: 7px 4px; font-size: 21px; text-decoration: underline;}

    /* タップで発信 */
    #guide09 span.dis-non { display: inline-block; font-size: 12px;}
}

/**========================================**/
/* 商品ページ内記号 */
#guide11 ul { font-size: 0;}
#guide11 li { 
    display: inline-block; 
    box-sizing: border-box; width: 33.33%; padding: 12px 5px 0; 
    font-size: 12px; text-align: center; line-height: 1.5em; vertical-align: top;}


/**========================================**/
/* お問い合わせ */
#guide13 a.dis-blk {
    padding: 7px 5px;
    background: #c6eaf4;
    color: #00416b; font-size: 16px;}
    
#guide13 a.dis-blk:hover {color: #2190FF;}

/* 電話番号 */
#guide13 a.dis-ilblk { font-size: 22px; line-height: 1.0em; text-decoration: none;}

@media screen and (max-width:899px){
    #guide13 p.ta_c { text-align: left;}

    /* 電話番号 */
    #guide13 a.dis-ilblk { padding: 7px 4px; font-size: 21px; text-decoration: underline;}

    /* タップで発信 */
    #guide13 span.dis-non { display: inline-block; font-size: 12px;}
}

/**========================================**/
/* セキュリティーについて */
#guide14 .posi-rlt { padding: 0 0 0 55px;}
#guide14 .posi-rlt::before {
    content: '';
    display: block; position: absolute; top: 10px; left: 0;
    width: 49px; height: 49px;
    background: url("../images/icon/ssl-icon.png") no-repeat;}


/**========================================**/
/* 各店舗の特色 */
#guide15 p { display: inline-block; margin: 5px 10px;}

/**========================================**/
/* 会社情報 */
#shop-info li { display: inline-block; box-sizing: border-box; width: 50%; padding: 5px;}
#shop-info li:nth-child(n + 3) { width: 33.33%;}

#shop-info p { padding: 10px; border: solid 1px #999; font-size: 14px; line-height: 1.5em;}
#shop-info p span { margin: 0 5px; color: #ff6c00;}

@media screen and (max-width:849px){
    #shop-info li { width: 100%;}
}

@media screen and (max-width:799px){
    #shop-info li:nth-child(n + 3) { width: 50%;}
}

@media screen and (max-width:599px){
    #shop-info li { padding: 5px 0;}
    #shop-info li:nth-child(n + 3) { width: 100%;}
    #shop-info .dis-non {display: block;}
}

/**============================================================================================**/

/**============================================================================================**/
/* ページトップへ */
#top-button {
    display: block; position: fixed; right: 0px; bottom: 10px; z-index: 1; 
    padding: 15px 10px; 
    border-radius: 8px 0 0 8px; background: #2e3071; 
    color: #FFF; font-size: 12px; font-weight: bold; line-height: 1.3em; text-align: center;}

#top-button span {
    display: inline-block; position: relative;
    padding: 0 0 0 30px;}

#top-button span::before {
    width: 0; height: 0; margin: -5px 0 0 5px;
    border-style: solid; border-width: 0 6px 9px 6px;
    border-color: transparent transparent #fff transparent;}

#top-button span:before, #top-button span:after {
    content: '';
    position: absolute; top: 50%; left: 0px;}

#top-button span:after {
    width: 20px; height: 20px; margin: -11px 0 0;
    border: solid #fff 1px; border-radius: 10px;}

@media screen and (max-width:699px){
    #top-button { bottom: 60px;}
}

/* LastUp2024.10.15_kimata */