@charset "euc-jp";
/* CSS Document */

/* ========== ���Z�b�g  ========== */
.sale_top_base,.sale_top_base ul,.sale_top_base li{ margin:0; padding:0;}
.sale_top_base{ width:780px;margin:0 100px 50px 0; float:right; font-family:'Hiragino Kaku Gothic Pro','�q���M�m�p�S Pro W3','���C���I',Meiryo,'�l�r �o�S�V�b�N',sans-serif;}

.sale_top_base li{ list-style:none;}
.sale_top_base img{ border:none;}
.sale_top_base a{margin:0; padding:0; text-decoration:none; color:#333;}


/* ========== navi  ========== */
.sale_top_navi {width: 100%; margin:0 0 20px;}
ul.sale_top_menu{font-size:30px;font-weight: normal;}
ul.sale_top_menu li{width: 33%;float: left; list-style:none;}

.navi_cat a{color:#fd4e7b !important;}
.navi_cat::before {background: #fd4e7b;}
.navi_dog a{color:#ff8a00 !important;}
.navi_dog::before {background: #ff8a00;}
.navi_sca a{color:#1da229 !important;}
.navi_sca::before {background: #1da229;}

.navi_cat a:hover,
.navi_dog a:hover,
.navi_sca a:hover{ opacity:0.7;}

.navi_cat,
.navi_dog,
.navi_sca{position: relative;padding: 15px 0;margin:10px 0 40px;text-align:center; border-radius:6px;}

.navi_cat::before,
.navi_dog::before,
.navi_sca::before{position: absolute;content: '';width: 16px;height: 16px;border-radius: 50%;top: 25%;right: 60px;}

.navi_cat::after,
.navi_dog::after,
.navi_sca::after{position: absolute;content: '';width: 0;height: 0;border: solid 4px transparent;border-top: solid 6px #fff;top: 42%;right:60px; margin-right:4px;}

ul.sale_top_menu:after{content:'';display:block;clear:both;}

h2.hdg01{margin:0 auto 10px; width:780px;}


#cat_h,#dog_h,#sca_h{ margin:0 auto 10px;width:390px;}
#cat_h img,#dog_h img,#sca_h img{}
.lead{ color:#595959; font-size:30px; font-weight:bold; text-align:center; border-bottom:2px solid #c1c1c1; padding:0 0 4px; margin:0 0 15px;}


/* ========== sale_campain_banner ========== */
ul.sale_campain_banner{width:750px; margin:0 auto 30px;}
ul.sale_campain_banner li{width:25%; float:left; box-sizing: border-box; border:5px #fff solid;}
ul.sale_campain_banner li.list50{width:50% !important;}/* 1��o�i�[2�‚̏ꍇ�g�p */
ul.sale_campain_banner li.list246{width:246px !important;}/* 1��o�i�[3�‚̏ꍇ�g�p */
ul.sale_campain_banner li img{ width:100%; border:0; margin:0; padding:0;}
ul.sale_campain_banner li a:hover{ opacity:0.7;}
ul.sale_campain_banner:after{content:'';display:block;clear:both;}



/* ========== ���E�L�E������ ����  ========== */
.swiper-wrapper{}
.sale_top_oshimen {
 padding:10px 10px 2.5em;
 float:left;
 position:relative;
 display:block;
 border:#fff solid 5px;
 box-sizing:border-box;
 width:25%;
}
.sale_top_oshimen:after{content:''; border:1px solid #ccc; width:100%; height:100%; display:block; position:absolute; top:0; left:0;box-sizing:border-box;}

.swiper-wrapper:after,
.swiper-slide:after,
.sale_top_oshimen:after{content:'';display:block;clear:both;}


/* ========== �����������ʃX�^�C�� ========== */

/* --- ���i�摜 --- */
.sale_top_oshimen .sale_top_om_img {
 position:relative;
}
.sale_top_oshimen .sale_top_om_img img {
 width:100%;
}

/* --- �A�C�R�� --- */
.sale_top_om_icon {
 position:absolute;
 top:-5px;
 left:-5px;
}
.sale_top_om_icon img {
 border:none !important;
 /*width:100% !important;*/
 width:initial !important;/*20190813 �C�� */
 width:auto !important;/*20190813 �C�� */
}

/* --- ���i�{�b�N�X --- */
.sale_top_om_price {
 position: absolute;
 text-align:right;
 color:#F00;
 bottom:5px;
 right:5px;
}

.sale_top_om_price span{display:inline-block;}

/* --- ���i --- */
.sale_top_om_price_num {
 font-size:27px;
 font-weight:bold;
 font-family:Verdana, Geneva, "�l�r �o�S�V�b�N", sans-serif;
}

/* --- \ --- */
.sale_top_om_en {
 font-size:18px;
 font-weight:bold;
}

/* �` */
.sale_top_om_kara {
 font-size:12px;
 vertical-align:5px;
}

/* �� */
.sale_top_om_yaku {
 font-size:15px;
 font-weight:bold;
 vertical-align:1px;
}

/* --- 1�R������ --- */
.sale_top_om_one_price {
 font-size:14px;
 font-weight:normal;
 display:block;
}

/* --- ���i�� --- */
.sale_top_om_text {
 font-size:13px;
 line-height:1.6em;
 padding:0 0 5px !important;
 word-wrap:break-word !important;
}


/* --- �J�e�S���[�����N�p --- */
.link_cat,.link_dog,.link_sca{position: relative;font-size:24px;font-weight:bold; text-align:center; border-radius:6px;}
.link_cat a,.link_dog a,.link_sca a{ display:block;padding: 10px 0 5px;margin:10px 0 40px;}
.link_cat::before,
.link_dog::before,
.link_sca::before{position: absolute;content: '';width: 16px;height: 16px;border-radius: 50%;top: 50%;right: 15px;margin-top: -7px;}
.link_cat::after,
.link_dog::after,
.link_sca::after{position: absolute;content: '';width: 0;height: 0;border: solid 4px transparent;top: 50%;right:15px;margin-top: -3px;}

.link_cat a,
.link_dog a,
.link_sca a{color:#fff !important;}

.link_cat a:hover{color:#fd4e7b !important;}
.link_dog a:hover{color:#ff8a00 !important;}
.link_sca a:hover{color:#1da229 !important;}

.link_cat::after{border-left: solid 6px #fd4e7b;}
.link_dog::after{border-left: solid 6px #ff8a00;}
.link_sca::after{border-left: solid 6px #1da229;}

.link_cat::before,
.link_dog::before,
.link_sca::before{background: #fff;}

.link_cat:hover::before{background: #fd4e7b !important;}
.link_dog:hover::before{background: #ff8a00 !important;}
.link_sca:hover::before{background: #1da229 !important;}

.link_cat:hover::after,
.link_dog:hover::after,
.link_sca:hover::after {border-left: solid 6px #fff;}

.link_cat {background:#fd4e7b;}
.link_cat:hover{background: #fee3ea;}

.link_dog {background:#ff8a00;}
.link_dog:hover {background:#ffebd3;}

.link_sca {background:#1da229;}
.link_sca:hover{background:#cef1d1;}


.link_cat_none,
.link_dog_none,
.link_sca_none{position: relative;font-size:24px;font-weight:bold; text-align:center; border-radius:6px;display:block;padding: 10px 0 5px;margin:10px 0 40px;color:#fff;}

.link_cat_none{background:#fd4e7b;}
.link_dog_none{background:#ff8a00;}
.link_sca_none{background:#1da229;}


/* --- swiper js �����p --- */
.swiper-button-prev,.swiper-button-next{ display:none;}






/*-----------------------------------------------
  �摜�X�^�C���ikato_set�j
-----------------------------------------------*/
img{
 border:0px;
}

/*-----------------------------------------------
  �L�����y�[���o�i�[�ikawase_set 20130405�j
-----------------------------------------------*/

.sale_cyampaign_maker {
 width:780px;
 height:160px;    /* ��iframe�̍��� */
 margin:0px;
 padding:0px;
}

/* --- ��4�� --- */
.sale_cyampaign_maker_4line {
 width:780px;
}
.sale_cyampaign_maker_4line img {
 width:184px;
 height:auto;
}

/* --- ��2�� --- */
.sale_cyampaign_maker_2line {
 width:780px;
}
.sale_cyampaign_maker_2line img {
 width:377px;
 height:auto;
}

/*-----------------------------------------------
  �w�b�_�X�^�C��(sale_navi01.html)
  �t���[���X�^�C���ikato_set�j
-----------------------------------------------*/
/*�Z�[���w�b�_�E�G���A*/
.top_saleheader_navi01{
 width:780px;
 height:190px;
 margin:0px;
 padding:0px;
 clear:left;
}

/*-----------------------------------------------
  �i�r�[�V����(sale_navi02.html)
  �t���[���X�^�C���ikato_set�j
-----------------------------------------------*/

.navi_02{
 margin:0px;
 padding:0px;
 width:765px;
 height:160px;
 }



/*-----------------------------------------------
  �Œ胁�j���[
-----------------------------------------------*/
#sale_floating_menu {
    position: fixed;
    bottom: 50px;
    right: 20px;
    font-size: 16px;
    font-weight: bold;
    z-index:899;
	background:rgba(255,255,255, 0.9);
	padding:10px 24px 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);
}

#sale_floating_menu ul{ margin:0; padding:0;}
#sale_floating_menu ul li{ list-style:none;}
#sale_floating_menu ul li{}
#sale_floating_menu ul li a{ display:block; text-decoration:none;}
#sale_floating_menu ul li a:hover{opacity:0.5;}
#sale_floating_menu ul:after{content:'';display:block;clear:both;}

.f_navi_cat a{color:#fd4e7b !important;}
.f_navi_cat::before {background: #fd4e7b;}
.f_navi_dog a{color:#ff8a00 !important;}
.f_navi_dog::before {background: #ff8a00;}
.f_navi_sca a{color:#1da229 !important;}
.f_navi_sca::before {background: #1da229;}

.f_navi_cat,
.f_navi_dog,
.f_navi_sca{position: relative;padding: 3px 0 5px 35px;margin:0 10px 0 0;text-align:center; border-radius:6px;}

.f_navi_cat::before,
.f_navi_dog::before,
.f_navi_sca::before{position: absolute;content: '';width: 16px;height: 16px;border-radius: 50%;top: 15%;left: 10px;}

.f_navi_cat::after,
.f_navi_dog::after,
.f_navi_sca::after{position: absolute;content: '';width: 0;height: 0;border: solid 4px transparent;border-left: solid 6px #fff;top: 32%;left:12px; margin-left:4px;}