@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
#category-top .m-inner, #category-bottom .m-inner { padding: 0; }
#category-top .category__list, #category-bottom .category__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
#category-top .category__list .category__list-content, #category-bottom .category__list .category__list-content { flex: 0 1 50%; width: 50%; max-width: 50%; }
#category-top .category__list .category__list-content a, #category-bottom .category__list .category__list-content a { display: block; text-align: center; font-style: italic; font-size: 1.4rem; line-height: 50px; letter-spacing: 0.04rem; color: #D6D6D6; border-bottom: 1px solid #707070; border-left: 1px solid #707070; }
@media (min-width: 375px) { #category-top .category__list .category__list-content a, #category-bottom .category__list .category__list-content a { font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 1.4545454545 ); } }
@media (min-width: 1200px) { #category-top .category__list .category__list-content a, #category-bottom .category__list .category__list-content a { font-size: 2.6rem; } }
#category-top .category__list .category__list-content:nth-child(1) a, #category-top .category__list .category__list-content:nth-child(2) a, #category-bottom .category__list .category__list-content:nth-child(1) a, #category-bottom .category__list .category__list-content:nth-child(2) a { border-top: 1px solid #707070; }
#category-top .category__list .category__list-content:nth-last-of-type(2n) a, #category-bottom .category__list .category__list-content:nth-last-of-type(2n) a { border-left: 0; }
#category-top .category__list .category__list-content.active a, #category-bottom .category__list .category__list-content.active a { background: #FFFFFF; color: #2F2F2F; }

#category-top { margin-bottom: 31px; }

#category-bottom { margin-top: 0; }

#itemlist { margin-bottom: 45.4px; }
#itemlist .itemlist__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
#itemlist .itemlist__content .itemlist__content-parts { flex: 0 1 48%; width: 48%; max-width: 48%; flex-basis: 100%; margin-bottom: 38px; }
#itemlist .itemlist__content .itemlist__content-parts:nth-last-child(-n + 2) { margin-bottom: 0; }
#itemlist .itemlist__content .itemlist__content-parts a .parts__img { position: relative; overflow: hidden; }
#itemlist .itemlist__content .itemlist__content-parts a .parts__img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 95%; height: 95%; object-fit: contain; }
#itemlist .itemlist__content .itemlist__content-parts a .parts__img::before { content: ''; display: block; padding-top: 64%; }
#itemlist .itemlist__content .itemlist__content-parts a .parts__ttl { margin-top: 8px; text-align: center; font-style: italic; font-size: 1.4rem; color: #D6D6D6; transition: .3s; }
@media (min-width: 375px) { #itemlist .itemlist__content .itemlist__content-parts a .parts__ttl { font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.7272727273 ); } }
@media (min-width: 1200px) { #itemlist .itemlist__content .itemlist__content-parts a .parts__ttl { font-size: 2rem; } }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { #itemlist { margin-bottom: 0; padding-bottom: 89px; }
  #itemlist .itemlist__content:after { content: ""; display: block; width: calc((100% - 139px) / 3); }
  #itemlist .itemlist__content .itemlist__content-parts { flex: 0 1 calc((100% - 139px) / 3); width: calc((100% - 139px) / 3); max-width: calc((100% - 139px) / 3); margin-bottom: 47px; }
  #itemlist .itemlist__content .itemlist__content-parts:nth-last-child(-n + 3) { margin-bottom: 0; }
  #itemlist .itemlist__content .itemlist__content-parts a .parts__img img { transition: .2s; }
  #itemlist .itemlist__content .itemlist__content-parts a .parts__img::before { padding-top: 56%; }
  #itemlist .itemlist__content .itemlist__content-parts a .parts__ttl { margin-top: 33px; text-align: left; }
  #itemlist .itemlist__content .itemlist__content-parts a:hover { opacity: 1; }
  #itemlist .itemlist__content .itemlist__content-parts a:hover .parts__img img { width: 100%; height: 100%; }
  #itemlist .itemlist__content .itemlist__content-parts a:hover .parts__ttl { color: #9d0000; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) { #category-top .m-inner, #category-bottom .m-inner { padding: 0% 1.66% 0% 1.66%; }
  #category-top .category__list, #category-bottom .category__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  #category-top .category__list .category__list-content, #category-bottom .category__list .category__list-content { flex: 0 1 auto; width: auto; max-width: auto; text-align: center; }
  #category-top .category__list .category__list-content a, #category-bottom .category__list .category__list-content a { position: relative; line-height: 1; border-bottom: 0; border-left: 0; text-decoration: none; display: inline; vertical-align: middle; }
  #category-top .category__list .category__list-content a:after, #category-bottom .category__list .category__list-content a:after { position: absolute; bottom: -9.5px; left: 0; content: ''; width: 100%; height: 4px; background: #D6D6D6; transform: scale(0, 1); transform-origin: right top; transition: transform .3s; }
  #category-top .category__list .category__list-content a:hover, #category-bottom .category__list .category__list-content a:hover { opacity: 1; }
  #category-top .category__list .category__list-content a:hover:after, #category-bottom .category__list .category__list-content a:hover:after { transform-origin: left top; transform: scale(1, 1); }
  #category-top .category__list .category__list-content:nth-child(1) a, #category-top .category__list .category__list-content:nth-child(2) a, #category-bottom .category__list .category__list-content:nth-child(1) a, #category-bottom .category__list .category__list-content:nth-child(2) a { border-top: 0; }
  #category-top .category__list .category__list-content.active a, #category-bottom .category__list .category__list-content.active a { background: transparent; color: #D6D6D6; }
  #category-top .category__list .category__list-content.active a:after, #category-bottom .category__list .category__list-content.active a:after { transform-origin: left top; transform: scale(1, 1); }
  #category-top { margin-bottom: 93px; } }
/*------------------------------
		1281px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */