@charset "shift_jis";
* {font-family:Meiryo, "���C���I", "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;list-style:none;margin:0;padding:0;vertical-align:bottom;}/* --- �y�[�W�S�̂������� ----- */
@media screen and (min-width:600px) {
#contents {font-size:14px;width:640px;margin:0 auto;}
body {padding-top:60px;} /* �w�b�_�[�Œ胁�j���[���Ԃ��� */}
 @media screen and (max-width:599px) {
#contents {font-size:12px;}
body {padding-top:0;padding-bottom:60px;} /* �w�b�_�[�Œ胁�j���[���Ԃ��� */}
/* --- �y�[�W�S�̂����܂� ----- *//* --- goods_���o�� ----- */

#contents #goods {background:#fff;text-align:center;width:100%;}
#contents #pc_left ~ #goods {
 width:740px;
 float:right;}
#goods h1, h1 {width:100%;}
#goods h1 img, .ttlbnr img, h1 img, h1 .ttlbnr {width:100%;border :none;}
#goods h2, #goods h3 {background:#eee;color:#111;font-size:1.4em;margin:0 0 1em;padding:.6em;text-align:left;}
#goods h3 {font-size:1.2em;}
/* --- goods�R���e���c��������
 ----------- */
/* --- goods_�{�b�N�X���� ----- */#goods .wrap-item {display:block;margin:0 auto;padding:0 0 2em;width:95%;}
#goods .wrap-item:after {display:block;clear:both;content:" ";}
/* --- goods_item ----- */

#goods .wrap-item .item {background:#fff;box-sizing:border-box;float:left;padding-bottom:0;}
#goods .wrap-item .item .exp {background:#666;color:#fff;font-size:1.2em;font-weight:bold;padding:.4em 0;}
#goods .wrap-item .item .catch {background:#ddd;font-size:.9em;line-height:1.4em;padding:.8em;margin:0 auto .7em;text-align:left;width:90%;}
#goods .wrap-item .item .photo {border:0;margin:0 auto .7em;width:100%;}
#goods .wrap-item .item .name {font-weight:bold;font-size:1.2em;line-height:1.4em;margin:0 auto .7em;}
#goods .wrap-item .item .pricename {font-size:.9em;margin:0 auto;}
#goods .wrap-item .item .price {color:#f00;font-size:1.2em;font-weight:bold;line-height:1.2em;margin:0 auto .4em;}
#goods .wrap-item .item .price span {font-size:1.6em;font-family:"Verdana", "Arial", "Helvetica";letter-spacing:-.04em;}
#goods .wrap-item .item .icon span {padding:1px 3px;font-size:.9em;}
#goods .wrap-item .item .icon .dlv {border:1px #f00 solid;color:#f00;}
#goods .wrap-item .item .btn a {border-radius:5px;background:#f60;color:#fff;display:block;font-size:1.2em;font-weight:bold;margin:.7em auto 0;padding:.5em 0;text-decoration:none;width:80%;}
#goods .wrap-item .item .btn:hover a {background:#c00;}
/* --- goods_box���ѕʎw�� ----- */
#goods .wrap-item .box-1 {width:calc(100% - 1em);margin:0 .5em .5em;}
#goods .wrap-item .box-2 {width:calc(50% - 1em);margin:0 .5em .5em;}
#goods .wrap-item .box-3 {width:calc(33.3333% - 1em);margin:0 .5em .5em;}
#goods .wrap-item .box-4 {width:calc(25% - 1em);margin:0 .5em .5em;}
#goods .wrap-item .box-5 {width:calc(20% - 1em);margin:0 .5em .5em;}
#goods .wrap-item .box-6 {width:calc(16.6666% - 1em);margin:0 .5em .5em;}
#goods .wrap-item .box-7 {width:calc(14.2857% - 1em);margin:0 .5em .5em;}/* --- goods_box���ѕʎw��-PC�̂� ----- */
@media screen and (min-width:600px) {
#goods .wrap-item .box-4 {font-size:.9em;}
#goods .wrap-item .box-5 {font-size:.8em;}
#goods .wrap-item .box-6 {font-size:.65em;}
#goods .wrap-item .box-7 {font-size:.55em;}
#goods .wrap-item .box-6 .pricename, #goods .wrap-item .box-6 .icon span {font-size:1.1em;}
#goods .wrap-item .box-7 .pricename, #goods .wrap-item .box-7 .icon span {font-size:1.2em;}}
/* --- goods_item box-1���� ----- */

#goods .wrap-item .box-1 .photo {float:left;margin:0;width:50%;}
#goods .wrap-item .box-1 .catch, #goods .wrap-item .box-1 .name, #goods .wrap-item .box-1 .pricename, #goods .wrap-item .box-1 .price, #goods .wrap-item .box-1 .icon, #goods .wrap-item .box-1 .btn {box-sizing:border-box;float:right;margin-left:2.5%;margin-right:2.5%;width:45%;}
#goods .wrap-item .box-1 .name {margin-top:1.5em;}
#goods .wrap-item .box-1 .btn a {width:90%;}/* --- goods�R���e���c�X�}�z�p�������� ----- */
@media screen and (max-width:599px) {
#contents #pc_left ~ #goods {
 width:100%;}
/* --- goods_item box-1�����X�}�z ----- */

#goods .wrap-item .box-1 .photo {float:none;margin:.5em 20% 0;width:60%;}
#goods .wrap-item .box-1 .catch, #goods .wrap-item .box-1 .name, #goods .wrap-item .box-1 .pricename, #goods .wrap-item .box-1 .price, #goods .wrap-item .box-1 .icon, #goods .wrap-item .box-1 .btn {width:90%;margin-left:5%;margin-right:5%;}
#goods .wrap-item .box-1 .name {margin-top:.5em;}
/* --- goods_item box-�����X�}�z ----- */
#goods .wrap-item .box-2, #goods .wrap-item .box-3, #goods .wrap-item .box-4 {width:calc(50% - .5em);margin:0 .25em .5em;font-size:.8em;}
#goods .wrap-item .box-5, #goods .wrap-item .box-6, #goods .wrap-item .box-7 {width:calc(33.3333% - .5em);margin:0 .25em .5em;font-size:.8em;}}
/* --- goods�R���e���c�X�}�z�p�������� ----- */
/* --- goods�R���e���c�����܂�
 ----------- *//* --- �X���C�v�����i�r��������
 ----------- */
.flex-viewport {width:100%;overflow-y:auto;margin:0 0 2em;text-align:left;}
.flex-viewport:-webkit-scrollbar {
 display:none;
 height:0 !important;}
.flex-viewport ul li {box-sizing:border-box;display:inline-block;font-size:1em;line-height:1.5;padding:0 15px 1em 0;vertical-align:top;width:24%;}
.flex-viewport ul {margin:0 0 0 20px;}
.flex-viewport ul li .photo {width:100%;}
 @media screen and (max-width:599px) {
.flex-viewport {width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap;margin:0 0 2em;text-align:left;}
.flex-viewport ul li {font-size:.8em;padding:0 2%;margin:0 0 20px;width:46%;}}
/* --- ���W�������� ----- */

 @media screen and (min-width:600px) {
#goods .feature .box-3 {width:calc(33.3333% - .5em);margin:0 .25em .2em;font-size:.8em;}}
/* --- ���W�����܂�
 ----------- */
/* ------- �����L���O�A�C�R�� --- */
#ranking, #new, #standard, #coupon {margin:0 0 4em;}
#ranking ul li {position:relative;}
#ranking ul li span {position:absolute;top:0px;left:0px;font-weight:bold;padding:0.3em 0px;margin:0px;background:none repeat scroll 0% 0% #DDDDDD;color:#111;display:block;width:20px;text-align:center;z-index:10;}
#ranking ul li:nth-child(1) span {background-color:#D9B340;color:#fff;}
#ranking ul li:nth-child(2) span {background-color:#6F7B83;color:#fff;}
#ranking ul li:nth-child(3) span {background-color:#A15326;color:#fff;}
#ranking ul li img {margin:10px 0 5px;}
/* ------- �Z�[���A�C�R�� --- */
#sale {margin:0 0 4em;}
#sale ul li {position:relative;}
#sale ul li span {position:absolute;top:0px;left:0px;font-weight:bold;padding:.3em;margin:.3em;background:none repeat scroll 0% 0% #c00;color:#fff;display:block;text-align:center;z-index:10;}
#sale ul li img {margin:10px 0 5px;}
.timer-sale, .timer-sale2, .timer-coupon, .timer-point-satday {display:none;}
h2 .kousin {display:inline-block;font-size:.7em;margin:0 0 0 1em;}
/* ------- �V���i�A�C�R�� --- */
#new {margin:0 0 4em;}
#new .flex-viewport .slides li {position:relative;}
#new .flex-viewport .slides li:before {content:"NEW";display:inline-block;background:#06F;color:#fff;position:absolute;top:0;left:0;padding:.2em .5em;z-index:9;}

/* ------- 1�g�ڑ傫�� --- */
 @media screen and (min-width:599px) {
.flex-viewport ul li:nth-of-type(1), .flex-viewport ul li:nth-of-type(2) {width:46%;margin:0 1% 1em;}
.timer-coupon .flex-viewport ul li:nth-of-type(n) {width:30%;margin:0 1% 1em;}}
/* --- �X���C�v�����i�r�����܂�
 ----------- */
/* --- �����{�b�N�X��������
 ----------- */

.searchBox {box-sizing:border-box;margin:.8em 5%;width:90%;}
.searchBox .frame {float:left;position:relative;width:70%;}
.searchBox .frame input {border:#999 1px solid;padding:.5em 0 .5em 5%;width:95%;}
.searchBox label {display:block;float:left;width:30%;}
.searchBox label input[type="submit"] {background:#f60;border:none;border-radius:3px;box-sizing:border-box;color:#fff;padding:.5em 0;margin:0 0 0 5%;width:95%;}
.searchBox:after {content:" ";clear:both;display:block;}
input[type="TEXT"], input[type="button"], input[type="submit"] {-webkit-appearance:none;}
.searchBox .clearButton {position:absolute;top:0.4em;right:2%;z-index:99;}
/* �u���E�U�̃f�t�H���g�N���A�{�^�����o���Ȃ� */
.searchBox .search::-webkit-search-cancel-button {
 color:#fff;}
.searchBox .search::-ms-clear {
 color:#fff;}
/* --- �����{�b�N�X�����܂�
 ----------- */

/* --- �y�[�W�㕔�i�r��������
 ----------- */
.topNavi {box-sizing:border-box;font-weight:bold;margin:2em 5%;text-align:center;width:90%;}
#contents #pc_left ~ .topNavi {
 float:right;
 margin:2em 0;
 width:740px;}
.topNavi .wrap-topNavi:after {content:" ";clear:both;display:block;}
.topNavi .wrap-topNavi li {float:left;list-style:none;margin-bottom:.6em;display:block;}
.topNavi .wrap-topNavi li a {background-color:#eee;border-radius:5px;color:#333;padding:.7em 0;display:block;width:100%;text-decoration:none;}
.topNavi .wrap-topNavi li a span {display:block;height:2.2em;line-height:1.2;}
.topNavi .wrap-topNavi li a:hover {background-color:#666;color:#fff;}
/* --- �y�[�W�㕔�i�r �•ʒ��� ----- */

.topNavi .list-1 {width:100%;}
.topNavi .list-2 {width:49.5%;margin-right:1%;}
.topNavi .list-3 {width:32.66%;margin-right:1%;}
.topNavi .list-4 {width:24.25%;margin-right:1%;}
.topNavi .list-2:nth-child(2n), .topNavi .list-3:nth-child(3n), .topNavi .list-4:nth-child(4n) {margin-right:0;}
/* --- �y�[�W�㕔�i�r �e�L�X�gver ----- */
.topNavi .text li a {position:relative;}
.topNavi .text li a:before {background:#02348D;border-top-right-radius:5px;border-bottom-right-radius:5px;content:'';display:block;height:100%;position:absolute;top:0;right:0;width:18px;}
.topNavi .text li a:hover:before {background:#A8DAFB;}
.topNavi .text li a:after {border:5px solid transparent;border-top-width:5px;border-bottom-width:5px;border-left-color:#FFFFFF;margin-top:-5px;content:'';position:absolute;right:0px;top:50%;}
/* --- �y�[�W�㕔�i�r �摜ver ----- */
.topNavi .img li img {width:100%;margin:-10px 0 3px 0;border-top-left-radius:5px;border-top-right-radius:5px;}

/* --- �y�[�W�㕔�i�r�X�}�z�p�������� ----- */

@media screen and (max-width:599px) {
#contents #pc_left ~ .topNavi {
 width:96%;
 margin:2em 2%;}}
/* --- �y�[�W�㕔�i�r�X�}�z�p�����܂� ----- */

/* --- �J�e�S���������� ----- */
.cat {text-align:left;}
.cat .wrap-topNavi li {border-bottom:1px dashed #fff;margin-bottom:0;}
.cat .wrap-topNavi li a {border-radius:0;box-sizing:border-box;color:#333;height:3.5em;padding:.8em 0 .8em 1.2em;vertical-align:bottom;}
.cat .wrap-topNavi li a img {float:left;width:13%;}
.cat .wrap-topNavi li a span {float:left;padding:.5em 0 0 .5em;width:80%;}
.cat .wrap-topNavi li a span:after {clear:both;content:"";display:block;}
.cat .img li a:before {background:none;border-top-right-radius:0;border-bottom-right-radius:0;}
.cat .img li a:hover:before {background:#f60;}
.cat .img li a:after {border-left-color:#333;}
 @media screen and (max-width:599px) {
.cat .wrap-topNavi li a {padding:.8em 0 0 .5em;}
.cat .wrap-topNavi li a img {padding:.2em 0 0 0;width:28%;}
.cat .wrap-topNavi li a span {padding:.5em 0 0 .5em;width:60%;}}
/* --- �J�e�S�������܂� ----- */

/* --- �t�b�^�[�������� ----- */
.footerstore {text-align:left;}
.footerstore .wrap-topNavi li {border-bottom:1px dashed #fff;margin-bottom:0;}
.footerstore .wrap-topNavi li a {border-radius:0;box-sizing:border-box;color:#333;padding:.8em 0 .8em 1.2em;vertical-align:bottom;}
.footerstore .wrap-topNavi li a i {color:#f60;}
.footerstore .text li a:before {background:none;border-top-right-radius:0;border-bottom-right-radius:0;}
.footerstore .text li a:hover:before {background:#f60;}
.footerstore .text li a:after {border-left-color:#333;}
/* --- �t�b�^�[�����܂� ----- */
/* --- �t�@�[�X�g�r���[�i�r�����܂�
 ----------- */

/* --- �w�b�_�[�Œ�i�r��������
 ----------- */
#headNavi {background:#fff;left:0;position:fixed;text-align:center;top:0;width:100%;z-index:999;-webkit-box-shadow:0px 3px 10px 0px rgba(0,0,0,0.23), 0px 3px 10px 0px rgba(0,0,0,0.16);-moz-box-shadow:0px 3px 10px 0px rgba(0,0,0,0.23), 0px 3px 10px 0px rgba(0,0,0,0.16);-o-box-shadow:0px 3px 10px 0px rgba(0,0,0,0.23), 0px 3px 10px 0px rgba(0,0,0,0.16);-ms-box-shadow:0px 3px 10px 0px rgba(0,0,0,0.23), 0px 3px 10px 0px rgba(0,0,0,0.16);box-shadow:0px 3px 10px 0px rgba(0,0,0,0.23), 0px 3px 10px 0px rgba(0,0,0,0.16);}
#headNavi li {list-style:none;}
#headNavi .wrap-headNavi {margin:0 auto;width:940px;}
#headNavi .wrap-headNavi li a {background:#fff;border:1px #ccc solid;border-radius:5px;box-sizing:border-box;color:#333;font-size:.85em;font-weight:bold;float:left;line-height:1.4em;margin:.8em 1% .8em 0;padding:.7em 0;text-decoration:none;}
#headNavi .wrap-headNavi li img {height:1em;vertical-align:middle;}
#headNavi .wrap-headNavi li a:after {content:" ";clear:both;display:block;}
#headNavi .wrap-headNavi li a span {font-size:1.2em;}
#headNavi .navi-5 a {width:19%; margin:.8em .5%;}

/* --- �w�b�_�[�i�r�X�}�z�p�������� ----- */
@media screen and (max-width:599px) {
#headNavi {border-bottom:none;border-top:3px #ccc solid;bottom:0;padding:0 1%;top:auto;width:98%;}
#headNavi .wrap-headNavi {padding:0 1%;width:98%;}
#headNavi .wrap-headNavi li:last-of-type a {width:19%;}
#headNavi .wrap-headNavi li img {height:auto;width:90%;}}
/* --- �w�b�_�[�i�r�X�}�z�p�����܂� ----- */

/* --- �w�b�_�[�Œ�i�r�����܂�
 ----------- */
/* --- �E���y�[�WTOP�փ{�^����������
 ----------- */
#pagetop a {background:#c00;border-radius:5em;box-sizing:border-box;bottom:2em;color:#fff;display:block;font-weight:bold;font-size:1em;height:6em;line-height:1;position:fixed;padding:.5em 0 0;right:2.5em;text-align:center;text-decoration:none;width:6em;}
#pagetop a span {font-size:4em;}
 @media screen and (max-width:599px) {
#pagetop a {width:50px;opacity:0.9;height:3.2em;padding:.5em 0;right:0;bottom:60px;font-size:.7em;line-height:1.05;background:#eee;color:#111;border-top-left-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:0px;border-bottom-right-radius:0px;}
#pagetop a span {font-size:1em;}}
/* --- �E���y�[�WTOP�փ{�^�������܂�
 ----------- */
 
/* --- �����ƌ��邱������
 ----------- */
#goods .morebtn {background:#f60;color:#fff;display:block;box-sizing:border-box;font-size:2em;font-weight:bold;margin:0 10%;padding:.7em 0;width:80%;text-align:center;text-decoration:none;border-radius:4px;}
 @media screen and (max-width:599px) {
#goods .morebtn {font-size:1.2em;}}
#goods .morebtn:hover {background:#c00;}
/* --- �����ƌ��邱���܂�
 ----------- */
 
/* --- �o�i�[��������
 ----------- */
.bnr-100 {border:none;display:inline-block;margin:0;width:100%;}
.bnr-95 {border:none;display:inline-block;margin:0 2.5%;width:95%;}
.bnr-90 {border:none;display:inline-block;margin:0 5%;width:90%;}
.bnr-85 {border:none;display:inline-block;margin:0 7.5%;width:85%;}
.bnr-80 {border:none;display:inline-block;margin:0 10%;width:80%;}
.bnr-75 {border:none;display:inline-block;margin:0 12.5%;width:75%;}
.bnr-70 {border:none;display:inline-block;margin:0 15%;width:70%;}
.bnr-link {display:inline-block;width:30%;}
.bnr-100 img, .bnr-95 img, .bnr-90 img, .bnr-85 img, .bnr-80 img, .bnr-75 img, .bnr-70 img {width:100%;border:none;}
/* ------------- �N�[�|���o�i�[ ----------- */
.bnr-coupon {display:inline-block;width:51%;text-decoration:none;margin:0 auto 1em;}
.bnr-coupon2 {display:inline-block;width:40%;text-decoration:none;margin:0 .5% 1em;}
.bnr-coupon3 {display:inline-block;width:29%;text-decoration:none;margin:0 .5% 1em;}
.bnr-coupon img, .bnr-coupon2 img, .bnr-coupon3 img {width:100%;border:none;}
.coupon_midasi {font-size:1.3em;background:#EF2B1D;color:#fff;text-decoration:none;padding:.5em 0;}
@media screen and (max-width:599px) {
.bnr-coupon {width:90%;}
.bnr-coupon2 {width:48%;}
.bnr-coupon3 {width:30%;}
.coupon_midasi {font-size:.9em;}}
/* ------------- �o�i�[�����܂�
 ----- */
 
 
#sp_bnr {margin:0 0 2em;}
.wrap-attitem img {margin:0 0 .5em;}
.pagetop a {color:#333;text-decoration:none;}
a#link01, a#link02, a#link03, a#link04, a#link05, a#link06, a#link07, a#link08, a#link09, a#link10, a#link01b, a#link02b, a#link03b, a#link04b, a#link05b, a#link06b, a#link07b, a#link08b, a#link09b, a#link10b, h2#link01, h2#link02, h2#link03, h2#link04, h2#link05, h2#link06, h2#link07, h2#link08, h2#link09, h2#link10, h2#link01b, h2#link02b, h2#link03b, h2#link04b, h2#link05b, h2#link06b, h2#link07b, h2#link08b, h2#link09b, h2#link10b {display:block;margin-top:-60px !important;padding-top:60px !important;}}