@charset "Shift_JIS";

/* --------------------------------------------------------------------
	���ʐݒ�
-------------------------------------------------------------------- */

#category { margin: 0px 0px 0px 0px; padding: 0 10px 0 10px; float: right; }
#category a { opacity: 1; display: block; }
.mainframe_ { width: 960px; overflow: hidden; margin: 0 auto 0px; }
div.leftmenuframe_ { width: 190px; float: left; display: inline; }
footer { max-width: 100%; }
#footer #go_pagetop { width: 60px; height: 60px; bottom: 190px; position: fixed; right: 10px; z-index: 9999; }

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

.category-box { margin-bottom: 50px; }
.category { width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px; }
.category:last-of-type { width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px; margin-bottom: 0px; }
.category li { width: calc(100%/2 - 2.5px); border-bottom: 1px solid #f7f7f7; }
.category li a { color: #2f2f2f; display: block; padding: 20px 0px 20px 0px; font-size: 0.8em; font-style: normal; font-family: "Reddit Sans", sans-serif; }
/*.category li a:hover { color: #242322; background-color: #f7f7f7; }*/
.no-border { border-bottom: none!important; }

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

#category h1 { text-align: center; font-size: 1.9em; letter-spacing: 0.1em; margin: 90px 0px 90px 0px; background-color: #ffffff; color: #242322; font-weight: 500; font-style: normal; font-family: "Reddit Sans", sans-serif; padding: 0px 0 0px 0; }
#category h2 { text-align: center; font-size: 0.9em; letter-spacing: 0.1em; background-color: #242322; color: #ffffff; font-weight: 500; font-style: normal; font-family: "Reddit Sans", sans-serif; padding: 10px 0 10px 0; margin-bottom: 5px; }
.top_h2 { text-align: center; font-size: 1.7em; 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; }

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

.sp_navigation { display: flex; margin: 25px 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: 17.15px 0 17.15px 0; font-size: 12px; font-style: normal; font-family: "Reddit Sans", sans-serif; }

/* --------------------------------------------------------------------
	TOP�y�[�W����
-------------------------------------------------------------------- */

#top_return { margin: 0 10px 40px 10px; }
#top_return a { color: #242322; font-style: normal; font-family: "Reddit Sans", sans-serif; font-size: 0.8em; border: 1px solid #ededed; padding: 14px 0 14px 0; border-radius: 2em; box-sizing: border-box; letter-spacing: 0.05em; }
#top_return a:hover { color: #fff; background-color: #242322; }

/* --------------------------------------------------------------------
	�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) {

/* --------------------------------------------------------------------
	���ʐݒ�
-------------------------------------------------------------------- */

#category { margin: 0px 10px 0px 10px; }
#category a { opacity: 1; display: block; }

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

.category-box { margin-bottom: 30px; }
.category { width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px; }
.category:last-of-type { width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px; margin-bottom: 0px; }
.category li { width: calc(100%/2 - 2.5px); border-bottom: 1px solid #f7f7f7; }
.category li a { color: #2f2f2f; display: block; padding: 10px 0px 10px 0px; font-size: 0.7em; font-style: normal; font-family: "Reddit Sans", sans-serif; }
/*.category li a:hover { color: #242322; background-color: #f7f7f7; }*/
.no-border { border-bottom: none!important; }

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

#category h1 { text-align: center; font-size: 1.7em; letter-spacing: 0.1em; margin: 40px 0px 40px 0px; background-color: #ffffff; color: #242322; font-weight: 500; font-style: normal; font-family: "Reddit Sans", sans-serif; padding: 0px 0 0px 0; }
#category h2 { text-align: center; font-size: 0.9em; letter-spacing: 0.1em; background-color: #242322; color: #ffffff; font-weight: 500; font-style: normal; font-family: "Reddit Sans", sans-serif; padding: 10px 0 10px 0; margin-bottom: 5px; }
.top_h2 { text-align: center; font-size: 1.7em; 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: 25px 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: 17.15px 0 17.15px 0; font-size: 12px; font-style: normal; font-family: "Reddit Sans", sans-serif; }

/* --------------------------------------------------------------------
	TOP�y�[�W����
-------------------------------------------------------------------- */

#top_return { margin: 0 10px 40px 10px; }
#top_return a { color: #242322; font-style: normal; font-family: "Reddit Sans", sans-serif; font-size: 0.8em; border: 1px solid #ededed; padding: 13px 0 13px 0; border-radius: 2em; box-sizing: border-box; letter-spacing: 0.05em; }
#top_return a:hover { color: #fff; background-color: #242322; }

/* --------------------------------------------------------------------
	�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; }


}