/* --------------------------------------------------------------------
	���C���r�W���A��
-------------------------------------------------------------------- */

#mainvisual { width: 100%; height: 350px!important; overflow: hidden; }

/* --------------------------------------------------------------------
	�J���[�Z��
-------------------------------------------------------------------- */

.bx-wrapper .bx-pager.bx-default-pager a { background: #f7f7f7!important; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #242322!important; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: -21px!important; }

/* --------------------------------------------------------------------
	�w�b�_�[
-------------------------------------------------------------------- */

#header.toppage_ { margin-bottom: 0px!important; border-bottom: none; }

/* --------------------------------------------------------------------
	�t�b�^�[
-------------------------------------------------------------------- */

#top_brandinfo_area { display: none!important; }

/* --------------------------------------------------------------------
	h�^�O
-------------------------------------------------------------------- */

.top_h2 { text-align: center; font-size: 2.6em; letter-spacing: 0.1em; margin: 0 0px 10px 0px; background-color: #ffffff; color: #242322; font-weight: 500; font-style: normal; font-family: "Reddit Sans", sans-serif; padding: 0px 0 0px 0; }

/* --------------------------------------------------------------------
	SP�O���[�o���i�r
-------------------------------------------------------------------- */

.sp_navigation { display: flex; margin: 5px 0 5px 0; }
.sp_navigation li { flex: 1; text-align: center; background-color: #f7f7f7; margin-right: 1%; }
.sp_navigation li:last-of-type { margin-right: 0%; }
.sp_navigation li a { color: #242322; display: block; padding: 15px 0 15px 0; font-size: 12px; font-style: normal; font-family: "Reddit Sans", sans-serif; }

/* --------------------------------------------------------------------
	�L�����y�[�����
-------------------------------------------------------------------- */

#block_of_free2 { margin: 0px 0 0px 0!important; }
.campaign-info { margin: 0 auto 10px auto; padding: 0px 10px 0px 10px; max-width: 960px; }
.campaign-info li { margin-bottom: 5px;}
.campaign-info li:last-of-type { margin-top: 0px;  margin-bottom: 40px;}
.campaign-info img { width: 100%; }
.guidance { font-family: "Reddit Sans", sans-serif; font-size: 1.8em; background-color: #b73c3e; display: block; color: #fff!important; text-align: center; padding: 7px 0 5px 0; text-decoration: none!important; }


/* --------------------------------------------------------------------
	�J�e�S���[
-------------------------------------------------------------------- */

#top_category { padding: 0px 10px 0px 10px; margin-bottom: 40px; }
.category-list { width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px; }
.category-list li { width: calc(100%/4 - 3.75px); background-color: #f7f7f7; text-align: center; }
.category-list li a { color: #2f2f2f; display: block; padding: 30px 0px 30px 0px; font-size: 1.1em; font-style: normal; font-family: "Reddit Sans", sans-serif; }
.category-list li a:hover { color: #fff; background-color: #2f2f2f; text-decoration: none; }

/* --------------------------------------------------------------------
	�����L���O
-------------------------------------------------------------------- */

#top_ranking { padding: 0px 10px 0px 10px; margin-bottom: 40px; }
.ranking-list { display: flex; flex-wrap: wrap; row-gap: 15px; column-gap: 5px; }
.ranking-list:last-of-type { display: flex; flex-wrap: wrap; row-gap: 0px; column-gap: 5px; }
.ranking-list li { width: calc(100% / 4 - 3.75px); }
.ranking-list li img { height: 178.75px; }
.ranking-list li a { text-decoration: none; }
.thumbnail { margin-bottom: 5px; }
.item-name { color: #242322; font-size: 1.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; margin-bottom: -3px; }
.price { color: #d90000; font-size: 1.2em; text-align: left; margin-bottom: 0px; font-weight: bold; }
.more-ranking { width: 100%; margin: 15px auto 0px auto; background-color: #fff; border: none; outline: 0; transition: .5s; -erbkit-transition: .5s; border: 1px solid #ededed;  border-radius: 2em; text-align: center; }
.more-ranking a { display: block; color: #2f2f2f; font-size: 15px; font-family: "Reddit Sans", sans-serif; letter-spacing: 0.05em; padding: 5px 15px 6px 15px; text-decoration: none; }
.more-ranking a:hover { display: block; color: #fff; font-size: 15px; font-family: "Reddit Sans", sans-serif; letter-spacing: 0.05em; padding: 5px 15px 6px 15px; text-decoration: none; background-color: #2f2f2f; border-radius: 2em; }

/*�i���o�����O*/
.rank li { counter-increment: rank; position: relative; overflow: hidden; margin-bottom: 15px; }
.rank li:nth-child(5) { counter-increment: rank; position: relative; overflow: hidden; margin-bottom: 0px; }
.rank li:nth-child(6) { counter-increment: rank; position: relative; overflow: hidden; margin-bottom: 0px; }
.rank li:first-of-type:before { content: ""; display: block; width: 100%; height: 2rem; transform: rotate(-45deg); position: absolute; left: -50%; top: 0; background: linear-gradient(90deg, #b3913e 0%, #fff0bf 40%, #8f7941 100%); background-repeat: no-repeat; }
.rank li:nth-child(2):before { content: ""; display: block; width: 100%; height: 2rem; transform: rotate(-45deg); position: absolute; left: -50%; top: 0; background: linear-gradient(90deg, #ffffff 0%, #f7f7f7 40%, #7d8287 100%); background-repeat: no-repeat; }
.rank li:nth-child(3):before { content: ""; display: block; width: 100%; height: 2rem; transform: rotate(-45deg); position: absolute; left: -50%; top: 0; background: linear-gradient(90deg, #ffffff 0%, #ebd3c3 40%, #593f2e 100%); background-repeat: no-repeat; }
.rank li:before { content: ""; display: block; width: 100%; height: 2rem; transform: rotate(-45deg); position: absolute; left: -50%; top: 0; background: linear-gradient(90deg, #8b4040 0%, #ff5f5f 74%, #ad0000 100%); background-repeat: no-repeat; }
.rank li:after { content: counter(rank); color: white; font-size: 1rem; font-weight: 600; line-height: initial; text-align: center; width: 1.3em; position: absolute; left: 0.1em; top: 0.05em; }

/* --------------------------------------------------------------------
	�s�b�N�A�b�v
-------------------------------------------------------------------- */

.top_pickup { padding: 0px 10px 0px 10px; margin-bottom: 40px; }
.pickup-list:first-of-type { width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px; margin-bottom: 5px; }
.pickup-list { width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px; }
.pickup-list li { width: calc(100%/2 - 2.5px); }
.pickup-list li img { width: 100%; }

/* --------------------------------------------------------------------
	�s�b�N�A�b�v�i�����ƌ���j
-------------------------------------------------------------------- */

.pickup-hide { display: none; }
button.more { width: 100%; margin: 15px auto 0px auto; display: block; background-color: #fff; color: #2f2f2f; padding: 5px 15px 6px 15px; border: none; outline: 0; transition: .5s; -erbkit-transition: .5s; border: 1px solid #ededed; font-size: 15px; font-family: "Reddit Sans", sans-serif; border-radius: 2em; letter-spacing: 0.05em; }
button.more:hover { width: 100%; margin: 15px auto 0px auto; display: block; background-color: #2f2f2f; color: #fff; padding: 5px 15px 6px 15px; border: none; outline: 0; transition: .0s; -erbkit-transition: .0s; border: 1px solid #ededed; font-size: 15px; font-family: "Reddit Sans", sans-serif; border-radius: 2em; letter-spacing: 0.05em; }
button.more::after { content: "more"; transition: .2s;�@-erbkit-transition: .2s;�@}
button.more.on-click::after { content: "close"; }

/* --------------------------------------------------------------------
	�����O�R���e���c
-------------------------------------------------------------------- */

.top_young-contents { padding: 0px 10px 0px 10px; margin-bottom: 40px; }
.young-contents-list:first-of-type { width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px; margin-bottom: 5px; }
.young-contents-list { width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px; }
.young-contents-list li { width: calc(100%/2 - 2.5px); }
.young-contents-list li img { width: 100%; }

/* --------------------------------------------------------------------
	�����O�R���e���c�i�����ƌ���j
-------------------------------------------------------------------- */

.young-contents-hide { display: none; }
button.more2 { width: 100%; margin: 15px auto 0px auto; display: block; background-color: #fff; color: #2f2f2f; padding: 5px 15px 6px 15px; border: none; outline: 0; transition: .5s; -erbkit-transition: .5s; border: 1px solid #ededed; font-size: 15px; font-family: "Reddit Sans", sans-serif; border-radius: 2em; letter-spacing: 0.05em; }
button.more2:hover { width: 100%; margin: 15px auto 0px auto; display: block; background-color: #2f2f2f; color: #fff; padding: 5px 15px 6px 15px; border: none; outline: 0; transition: .0s; -erbkit-transition: .0s; border: 1px solid #ededed; font-size: 15px; font-family: "Reddit Sans", sans-serif; border-radius: 2em; letter-spacing: 0.05em; }
button.more2::after { content: "more"; transition: .0s;�@-erbkit-transition: .2s;�@}
button.more2.on-click::after{ content: "close"; }

/* --------------------------------------------------------------------
	�R���{���[�V����
-------------------------------------------------------------------- */

.top_collabo { padding: 0px 10px 0px 10px; margin-bottom: 40px; }
.collabo-list:first-of-type { width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px; margin-bottom: 5px; }
.collabo-list { width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px; }
.collabo-list li { width: calc(100%/3 - 5px); }
.collabo-list li img { width: 100%; }

/* --------------------------------------------------------------------
	�R���{���[�V�����i�����ƌ���j
-------------------------------------------------------------------- */

.collabo-hide { display: none; }
button.more3 { width: 100%; margin: 15px auto 0px auto; display: block; background-color: #fff; color: #2f2f2f; padding: 5px 15px 6px 15px; border: none; outline: 0; transition: .5s; -erbkit-transition: .5s; border: 1px solid #ededed; font-size: 15px; font-family: "Reddit Sans", sans-serif; border-radius: 2em; letter-spacing: 0.05em; }
button.more3:hover { width: 100%; margin: 15px auto 0px auto; display: block; background-color: #2f2f2f; color: #fff; padding: 5px 15px 6px 15px; border: none; outline: 0; transition: .0s; -erbkit-transition: .0s; border: 1px solid #ededed; font-size: 15px; font-family: "Reddit Sans", sans-serif; border-radius: 2em; letter-spacing: 0.05em; }
button.more3::after { content: "more"; transition: .2s;�@-erbkit-transition: .2s;�@}
button.more3.on-click::after{ content: "close"; }

/* --------------------------------------------------------------------
	�C���t�H���[�V����
-------------------------------------------------------------------- */

.top_infomation { padding: 0px 10px 0px 10px; margin-bottom: 40px; }
.information-list li { margin-bottom: 5px; }
.information-list li:last-of-type { margin-bottom: 0px; }
.information-list li p { font-size: 1.6em; color: #242322; }
.information-list li img { width: 100%; }
.information-list li a { text-decoration: none; }
.information-list li p:hover { opacity: 0.8; }

/* --------------------------------------------------------------------
	�u�����h
-------------------------------------------------------------------- */

.top_brand { padding: 0px 10px 0px 10px; margin-bottom: 40px; }
.brand-list li { margin-bottom: 5px; }
.brand-list li:last-of-type { margin-bottom: 0px; border-right: 1px solid #eee; border-left: 1px solid #eee; }

/* --------------------------------------------------------------------
	�X�N���[�����j���[
-------------------------------------------------------------------- */

.scroll-menu { text-decoration: none; position: fixed; bottom: 0px; right: 0px; transition: 0.2s; opacity: 0; z-index:-1; width: 100%; padding-top: 5px; padding-bottom: 5px; background-color: #fff; }
.scroll-list { width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px; }
.scroll-list li { width: calc(100%/4 - 3.75px); background-color: #242322; text-align: center; }
.scroll-list li a { color: #fff; display: block; padding: 15px 0px 15px 0px; font-size: 12px; font-style: normal; font-family: "Reddit Sans", sans-serif; }


@media screen and (max-width: 599px) {

/* --------------------------------------------------------------------
	h�^�O
-------------------------------------------------------------------- */

.top_h2 { text-align: center; font-size: 2em; letter-spacing: 0.1em; margin: 0 0px 10px 0px; background-color: #ffffff; color: #242322; font-weight: 500; font-style: normal; font-family: "Reddit Sans", sans-serif; padding: 0px 0 0px 0; }

/* --------------------------------------------------------------------
	SP�O���[�o���i�r
-------------------------------------------------------------------- */

.sp_navigation { display: flex; margin: 5px 0 5px 0; }
.sp_navigation li { flex: 1; text-align: center; background-color: #f7f7f7; margin-right: 1%; }
.sp_navigation li:last-of-type { margin-right: 0%; }
.sp_navigation li a { color: #242322; display: block; padding: 15px 0 15px 0; font-size: 12px; font-style: normal; font-family: "Reddit Sans", sans-serif; }


/* --------------------------------------------------------------------
	�L�����y�[�����
-------------------------------------------------------------------- */

.campaign-info { /*background-color: #f5f5f5;*/ margin-bottom: 30px; padding: 0px 10px 0px 10px; }
.campaign-info li { margin-bottom: 5px;}
.campaign-info li:last-of-type { margin-bottom: 0px;}

/* --------------------------------------------------------------------
	�J�e�S���[
-------------------------------------------------------------------- */

#top_category { padding: 0px 10px 0px 10px; margin-bottom: 30px; }
.category-list { width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px; }
.category-list li { width: calc(100%/4 - 3.75px); background-color: #f7f7f7; text-align: center; }
.category-list li a { color: #2f2f2f; display: block; padding: 30px 0px 30px 0px; font-size: 12px; font-style: normal; font-family: "Reddit Sans", sans-serif; }
.category-list li a:hover { color: #fff; background-color: ; }

/* --------------------------------------------------------------------
	�����L���O
-------------------------------------------------------------------- */

#top_ranking { padding: 0px 10px 0px 10px; margin-bottom: 30px; }
.ranking-list { display: flex; flex-wrap: wrap; row-gap: 15px; column-gap: 5px; }
.ranking-list:last-of-type { display: flex; flex-wrap: wrap; row-gap: 0px; column-gap: 5px; }
.ranking-list li { width: calc(100% / 2 - 2.5px); }
.thumbnail { margin-bottom: 5px; }
.item-name { color: #242322; font-size: 1.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; margin-bottom: 0px; }
.price { color: #d90000; font-size: 1.2em; text-align: left; margin-bottom: 0px; font-weight: bold; }
.more-ranking { width: 100%; margin: 15px auto 0px auto; background-color: #fff; border: none; outline: 0; transition: .5s; -erbkit-transition: .5s; border: 1px solid #ededed;  border-radius: 2em; text-align: center; }
.more-ranking a { display: block; color: #2f2f2f; font-size: 15px; font-family: "Reddit Sans", sans-serif; letter-spacing: 0.05em; padding: 5px 15px 6px 15px; }

/*�i���o�����O*/
.rank li { counter-increment: rank; position: relative; overflow: hidden; margin-bottom: 15px; }
.rank li:nth-child(5) { counter-increment: rank; position: relative; overflow: hidden; margin-bottom: 0px; }
.rank li:nth-child(6) { counter-increment: rank; position: relative; overflow: hidden; margin-bottom: 0px; }
.rank li:first-of-type:before { content: ""; display: block; width: 100%; height: 2.3rem; transform: rotate(-45deg); position: absolute; left: -50%; top: 0; background: linear-gradient(90deg, #b3913e 0%, #fff0bf 40%, #8f7941 100%); background-repeat: no-repeat; }
.rank li:nth-child(2):before { content: ""; display: block; width: 100%; height: 2.3rem; transform: rotate(-45deg); position: absolute; left: -50%; top: 0; background: linear-gradient(90deg, #ffffff 0%, #f7f7f7 40%, #7d8287 100%); background-repeat: no-repeat; }
.rank li:nth-child(3):before { content: ""; display: block; width: 100%; height: 2.3rem; transform: rotate(-45deg); position: absolute; left: -50%; top: 0; background: linear-gradient(90deg, #ffffff 0%, #ebd3c3 40%, #593f2e 100%); background-repeat: no-repeat; }
.rank li:before { content: ""; display: block; width: 100%; height: 2.3rem; transform: rotate(-45deg); position: absolute; left: -50%; top: 0; background: linear-gradient(90deg, #8b4040 0%, #ff5f5f 74%, #ad0000 100%); background-repeat: no-repeat; }
.rank li:after { content: counter(rank); color: white; font-size: 1.2rem; font-weight: 700; line-height: initial; text-align: center; width: 1.5em; position: absolute; left: 0.1em; top: 0.2em; }

/* --------------------------------------------------------------------
	�s�b�N�A�b�v
-------------------------------------------------------------------- */

.top_pickup { padding: 0px 10px 0px 10px; margin-bottom: 30px; }
.pickup-list:first-of-type { width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px; margin-bottom: 5px; }
.pickup-list { width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px; }
.pickup-list li { width: calc(100%/2 - 2.5px); }

/* --------------------------------------------------------------------
	�s�b�N�A�b�v�i�����ƌ���j
-------------------------------------------------------------------- */

.pickup-hide { display: none; }
button.more { width: 100%; margin: 15px auto 0px auto; display: block; background-color: #fff; color: #2f2f2f; padding: 5px 15px 6px 15px; border: none; outline: 0; transition: .5s; -erbkit-transition: .5s; border: 1px solid #ededed; font-size: 15px; font-family: "Reddit Sans", sans-serif; border-radius: 2em; letter-spacing: 0.05em; }
button.more::after { content: "more"; transition: .2s;�@-erbkit-transition: .2s;�@}
button.more.on-click::after { content: "close"; }

/* --------------------------------------------------------------------
	�����O�R���e���c
-------------------------------------------------------------------- */

.top_young-contents { padding: 0px 10px 0px 10px; margin-bottom: 30px; }
.young-contents-list:first-of-type { width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px; margin-bottom: 5px; }
.young-contents-list { width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px; }
.young-contents-list li { width: calc(100%/2 - 2.5px); }

/* --------------------------------------------------------------------
	�����O�R���e���c�i�����ƌ���j
-------------------------------------------------------------------- */

.young-contents-hide { display: none; }
button.more2 { width: 100%; margin: 15px auto 0px auto; display: block; background-color: #fff; color: #2f2f2f; padding: 5px 15px 6px 15px; border: none; outline: 0; transition: .5s; -erbkit-transition: .5s; border: 1px solid #ededed; font-size: 15px; font-family: "Reddit Sans", sans-serif; border-radius: 2em; letter-spacing: 0.05em; }
button.more2::after { content: "more"; transition: .2s;�@-erbkit-transition: .2s;�@}
button.more2.on-click::after{ content: "close"; }

/* --------------------------------------------------------------------
	�R���{���[�V����
-------------------------------------------------------------------- */

.top_collabo { padding: 0px 10px 0px 10px; margin-bottom: 30px; }
.collabo-list:first-of-type { width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px; margin-bottom: 5px; }
.collabo-list { width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px; }
.collabo-list li { width: calc(100%/2 - 2.5px); }

/* --------------------------------------------------------------------
	�R���{���[�V�����i�����ƌ���j
-------------------------------------------------------------------- */

.collabo-hide { display: none; }
button.more3 { width: 100%; margin: 15px auto 0px auto; display: block; background-color: #fff; color: #2f2f2f; padding: 5px 15px 6px 15px; border: none; outline: 0; transition: .5s; -erbkit-transition: .5s; border: 1px solid #ededed; font-size: 15px; font-family: "Reddit Sans", sans-serif; border-radius: 2em; letter-spacing: 0.05em; }
button.more3::after { content: "more"; transition: .2s;�@-erbkit-transition: .2s;�@}
button.more3.on-click::after{ content: "close"; }

/* --------------------------------------------------------------------
	�C���t�H���[�V����
-------------------------------------------------------------------- */

.top_infomation { padding: 0px 10px 0px 10px; margin-bottom: 30px; }
.information-list li { margin-bottom: 5px; }
.information-list li:last-of-type { margin-bottom: 0px; }
.information-list li p { font-size: 1.4em; color: #242322; }


/* --------------------------------------------------------------------
	�u�����h
-------------------------------------------------------------------- */

.top_brand { padding: 0px 10px 0px 10px; margin-bottom: 30px; }
.brand-list li { margin-bottom: 5px; border-right: 1px solid #eee; border-left: 1px solid #eee; }
.brand-list li:last-of-type { margin-bottom: 0px; border-right: 1px solid #eee; border-left: 1px solid #eee; }

/* --------------------------------------------------------------------
	�X�N���[�����j���[
-------------------------------------------------------------------- */

.scroll-menu { text-decoration: none; position: fixed; bottom: 0px; right: 0px; transition: 0.2s; opacity: 0; z-index:-1; width: 100%; padding-top: 5px; padding-bottom: 5px; background-color: #fff; }
.scroll-list { width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px; }
.scroll-list li { width: calc(100%/4 - 3.75px); background-color: #242322; text-align: center; }
.scroll-list li a { color: #fff; display: block; padding: 15px 0px 15px 0px; font-size: 12px; font-style: normal; font-family: "Reddit Sans", sans-serif; }

/* --------------------------------------------------------------------
	�y�[�W�ŏ㕔�֖߂�
-------------------------------------------------------------------- */

.toppage_ #page_top { bottom: 70px!important; }



}