@charset 'UTF-8';
/* Scss Document */
/*--bx slider--*/
.bx-wrapper {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.bx-wrapper {
  margin-bottom: 52px;
}

.bx-wrapper img {
  width: 100%;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #e1e4e1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: block;
  height: 8px;
  margin: 0 10px;
  outline: 0;
  text-indent: -9999px;
  width: 8px;
}

@media screen and (max-width: 768px) {
  .bx-wrapper .bx-pager {
    padding-top: 10px;
  }

  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: -20px;
  }
}
@media screen and (min-width: 769px) {
  .bx-wrapper .bx-pager {
    padding-top: 40px;
  }

  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: -52px;
  }
}
/*----Title------*/
.top_title {
  font-family: 'Muli', sans-serif;
  /*font-family: 'Open Sans', sans-serif;*/
  font-weight: 600;
  text-align: center;
}

.top_title span {
  display: block;
  font-family: '雋ゑｽｸ郢ｧ�ｴ郢ｧ�ｷ郢晢ｿｽ縺� Medium',YuGothic,YuGothicM,'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro',郢晢ｽ｡郢ｧ�､郢晢ｽｪ郢ｧ�ｪ,Meiryo,sans-serif;
  font-weight: normal;
}

@media screen and (max-width: 768px) {
  .top_title {
    font-size: 1.25rem;
    margin-bottom: 25px;
  }

  .top_title span {
    font-size: .75rem;
    padding-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .top_title {
    font-size: 1.625rem;
    letter-spacing: .05em;
    margin-bottom: 40px;
  }

  .top_title span {
    font-size: .75rem;
    padding-top: 10px;
  }
}
/*-----breadcrumb-----*/
.breadcrumb {
  margin: 0 auto;
  text-align: left;
}
@media screen and (max-width: 1030px) {
  .breadcrumb {
    margin-bottom: 12px;
    margin-left: 15px;
    margin-top: 12px;
  }
}
@media screen and (min-width: 1031px) {
  .breadcrumb {
    font-size: .875rem;
    margin-bottom: 23px;
    width: 1030px;
  }
}
.breadcrumb li {
  display: inline;
  list-style: none;
}
.breadcrumb li:after {
  content: '>';
  padding: 0 3px;
}
.breadcrumb li:last-child:after {
  content: '';
}

/*-----mv-----*/
/*-----recommend-----*/
#recommend {
  background-color: #f1f3ef;
}

#recommend .inner {
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  #recommend {
    padding: 25px 0 0;
  }

  #recommend .inner {
    width: 95%;
  }
}
@media screen and (min-width: 769px) {
  #recommend {
    padding: 50px 0;
  }

  #recommend .inner {
    width: 1000px;
  }
}
.top_recommend {
  display: flex;
  justify-content: space-between;
  text-align: center;
}

.top_recommend li {
  position: relative;
}

@media screen and (max-width: 768px) {
  .top_recommend {
    flex-wrap: wrap;
  }

  .top_recommend li {
    padding-bottom: 25px;
    width: 48%;
  }

  .top_recommend p {
    font-size: .875rem;
    line-height: 1.3;
    padding-top: 7px;
  }

  .top_recommend p.price {
    font-size: .812rem;
  }

  .top_recommend p.price span {
    font-size: .6242rem;
  }
}
@media screen and (min-width: 769px) {
  .top_recommend li {
    width: 240px;
  }

  .top_recommend li p {
    font-size: .875rem;
    line-height: 1.3;
    padding-top: 12px;
  }

  .top_recommend li p.price {
    font-size: .812rem;
  }

  .top_recommend li p.price span {
    font-size: .6242rem;
  }
}
/*-----ranking-----*/
#ranking .inner {
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  #ranking {
    padding: 25px 0 0;
  }

  #ranking .inner {
    width: 95%;
  }
}
@media screen and (min-width: 769px) {
  #ranking {
    padding: 100px 0;
  }

  #ranking .inner {
    width: 1000px;
  }
}
.top_ranking {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.top_ranking img {
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.top_ranking li a {
  display: block;
  overflow: hidden;
  position: relative;
}
.top_ranking li a:after {
  font-family: 'Open Sans', sans-serif;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .top_ranking li a:after {
    left: 5px;
    top: 5px;
  }
}
@media screen and (min-width: 769px) {
  .top_ranking li a:after {
    left: 10px;
    top: 10px;
  }
}
.top_ranking li a:before {
  content: ' ';
  position: absolute;
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .top_ranking li a:before {
    height: 60px;
    left: -30px;
    top: -30px;
    width: 60px;
  }
}
@media screen and (min-width: 769px) {
  .top_ranking li a:before {
    height: 70px;
    left: -34px;
    top: -34px;
    width: 70px;
  }
}
.top_ranking li:nth-child(1) a:after {
  content: '1';
}
.top_ranking li:nth-child(2) a:after {
  content: '2';
}
.top_ranking li:nth-child(3) a:after {
  content: '3';
}
.top_ranking li:nth-child(4) a:after {
  content: '4';
}
.top_ranking li:nth-child(1) a:before {
  background: #c69c6d;
}
.top_ranking li:nth-child(2) a:before {
  background: #b3b3b3;
}
.top_ranking li:nth-child(3) a:before {
  background: #998675;
}
.top_ranking li:nth-child(4) a:before {
  background: #e1e4e1;
}
.top_ranking p.new {
  background-color: #ea5550;
  color: #fff;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}

@media screen and (max-width: 768px) {
  .top_ranking {
    flex-wrap: wrap;
  }
  .top_ranking li {
    padding-bottom: 25px;
    width: 48%;
  }
  .top_ranking p {
    font-size: .875rem;
    line-height: 1.3;
    padding-top: 7px;
  }
  .top_ranking p.price {
    font-size: .812rem;
  }
  .top_ranking p.price span {
    font-size: .6242rem;
  }
  .top_ranking p.new {
    font-size: .625rem;
    padding: 3px 5px;
  }
}
@media screen and (min-width: 769px) {
  .top_ranking li {
    width: 240px;
  }
  .top_ranking p {
    font-size: .875rem;
    line-height: 1.3;
    padding-top: 12px;
  }
  .top_ranking p.price {
    font-size: .812rem;
  }
  .top_ranking p.price span {
    font-size: .6242rem;
  }
  .top_ranking p.new {
    padding: 3px 5px;
  }
}
/*-----brand-----*/
#brand .inner {
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  #brand {
    padding: 25px 0;
  }

  #brand .inner {
    width: 95%;
  }
}
@media screen and (min-width: 769px) {
  #brand .inner {
    width: 990px;
  }
}
.top_brand {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}

.top_brand img {
  border: 1px solid #e5e5e5;
}

@media screen and (max-width: 768px) {
  .top_brand li {
    margin-bottom: 10px;
    margin-right: 3%;
    width: 22.75%;
  }

 /* .top_brand li:nth-child(3n) {
    margin-right: 0;
  }*/
}
@media screen and (min-width: 769px) {
  .top_brand li {
    margin-bottom: 50px;
    margin-right: 35px;
    width: 210px;
  }

  /*.top_brand li:nth-child(3n) {
    margin-right: 0;
  }*/
}

/* 220803髴托ｽｽ髫ｪ�ｽ */
.top_brand {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  text-align: center;
  width: 960px;
}

.top_brand li:nth-child(4n) {
  margin-right: 0px;
}

/*.top_brand li:nth-child(3n) {
  margin-right: 0;
}*/

@media screen and (max-width: 768px) {
  .top_brand {
    width: auto;
  }

  .top_brand li {
    margin-bottom: 10px;
    margin-right: 3%;
    width: 22.75%;
  }

  .top_brand li {
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 0;
    padding-bottom: 0;
    position: relative;
    width: calc(50% - 10px);
  }

  .top_brand li:nth-child(4n) {
    margin-right: 0;
  }

  .top_brand li:nth-child(2n + 1) {
    margin-left: 0;
  }

  .top_brand li:nth-child(n + 3) {
    margin-top: 18px;
  }
  .top_brand li:nth-child(5) {
	margin-left: 20px;  
  }	
  .top_brand li:nth-child(6) {
	margin-left: 0px;  
  }	
  .top_brand li:nth-child(7) {
	margin-left: 20px;  
  }	
   .top_brand li:nth-child(8) {
	margin-left: 0px;  
  }		
  .top_brand img {
    width: 100%;
  }
}

/*-----pickup-----*/
#pickup {
  background: linear-gradient(60deg, #e1e4e1 50%, #f1f3ef 50%);
}

#pickup .inner {
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  #pickup {
    padding: 25px 0;
  }

  #pickup .inner {
    width: 85%;
  }
}
@media screen and (min-width: 769px) {
  #pickup {
    padding: 50px 0 10px;
  }

  #pickup .inner {
    width: 706px;
  }
}
.movie-wrap {
  /*郢ｧ�｢郢ｧ�ｹ郢晏｣ｹ縺醍ｹ晏沺�ｯ�ｽ 16:9邵ｺ�ｮ陜｣�ｴ陷ｷ蛹ｻ�ｽ驍ｵ�ｦ陝ｷ�ｽ*/
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.movie-wrap iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .movie-wrap {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 769px) {
  .movie-wrap {
    margin-bottom: 40px;
  }
}
/*-----about-----*/
#about .inner {
  border-left: 3px solid #000;
  border-right: 3px solid #000;
  margin: 0 auto;
  padding: 0 7px;
  position: relative;
}
#about .about_block {
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
}
#about p {
  text-align: center;
}
#about .about_main {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  letter-spacing: .05em;
}
#about .about_sub {
  line-height: 2;
}
#about .about_txt {
  line-height: 2;
}
@media screen and (max-width: 768px) {
  #about {
    padding: 50px 0;
  }
  #about .about_log {
    padding: 10px 0 30px;
  }
  #about .about_main {
    font-size: 1.2rem;
    padding-bottom: 25px;
  }
  #about .about_sub {
    font-size: 1.2rem;
    padding-bottom: 25px;
  }
  #about .about_txt {
    font-size: 1rem;
    margin-bottom: 17px;
  }
  #about .about_txt:last-of-type {
    margin-bottom: 0;
  }
  #about .inner {
    width: 90%;
  }
  #about .about_block {
    padding: 30px 0;
  }
}
@media screen and (min-width: 769px) {
  #about {
    padding: 100px 0;
  }
  #about .about_log {
    padding: 10px 0 40px;
  }
  #about .about_main {
    font-size: 1.5rem;
    padding-bottom: 50px;
  }
  #about .about_sub {
    font-size: 1.5rem;
    padding-bottom: 50px;
  }
  #about .about_txt {
    font-size: 1.125rem;
    margin-bottom: 35px;
  }
  #about .about_txt:last-of-type {
    margin-bottom: 0;
  }
  #about .inner {
    width: 986px;
  }
  #about .about_block {
    padding: 60px 0;
  }
}

/*-----aboutv2-----*/
#about2 .inner {
  margin: 0 auto;
  position: relative;
}

#about2 p {
  text-align: center;
}
#about2 .about2_main {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  letter-spacing: .05em;
}
#about2 .about2_sub {
  line-height: 2;
}
#about2 .about2_txt {
  line-height: 2;
}
@media screen and (max-width: 768px) {
  #about2 {
    background-image: url(../images/about_v1.jpg);
    background-size: cover;
    margin-bottom: 50px;
    padding: 50px 0;
  }
  #about2 .about2_log {
    padding: 10px 0 30px;
  }
  #about2 .about2_main {
    font-size: 1.2rem;
    padding-bottom: 25px;
  }
  #about2 .about2_sub {
    font-size: 1.2rem;
    padding-bottom: 25px;
  }
  #about2 .about2_txt {
    font-size: 1rem;
    margin-bottom: 17px;
  }
  #about2 .about2_txt:last-of-type {
    margin-bottom: 0;
  }
  #about2 .inner {
    width: 90%;
  }
  #about2 .about2_block {
    padding: 30px 0;
  }
}
@media screen and (min-width: 769px) {
  #about2 {
    background-image: url(../images/about_v1.jpg);
    background-size: cover;
    margin-bottom: 100px;
    padding: 100px 0;
  }
  #about2 .about2_log {
    padding: 10px 0 40px;
  }
  #about2 .about2_main {
    font-size: 1.5rem;
    padding-bottom: 50px;
  }
  #about2 .about2_sub {
    font-size: 1.5rem;
    padding-bottom: 50px;
  }
  #about2 .about2_txt {
    font-size: 1.125rem;
    margin-bottom: 35px;
  }
  #about2 .about2_txt:last-of-type {
    margin-bottom: 0;
  }
  #about2 .inner {
    width: 986px;
  }
  #about2 .about2_block {
    padding: 60px 0;
  }
}

/*-----aboutv3-----*/
#about3 .inner {
  margin: 0 auto;
  position: relative;
}

#about3 p {
  text-align: center;
}
#about3 .about3_main {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  letter-spacing: .05em;
}
#about3 .about3_sub {
  line-height: 2;
}
#about3 .about3_txt {
  line-height: 2;
}
@media screen and (max-width: 768px) {
  #about3 {
    background-image: url(../images/about_v2.jpg);
    background-size: cover;
    margin-bottom: 50px;
    padding: 50px 0;
  }
  #about3 .about3_log {
    padding: 10px 0 30px;
  }
  #about3 .about3_main {
    font-size: 1.2rem;
    padding-bottom: 25px;
  }
  #about3 .about3_sub {
    font-size: 1.2rem;
    padding-bottom: 25px;
  }
  #about3 .about3_txt {
    font-size: 1rem;
    margin-bottom: 17px;
  }
  #about3 .about3_txt:last-of-type {
    margin-bottom: 0;
  }
  #about3 .inner {
    width: 90%;
  }
  #about3 .about3_block {
    padding: 30px 0;
  }
}
@media screen and (min-width: 769px) {
  #about3 {
    background-image: url(../images/about_v2.jpg);
    background-size: cover;
    margin-bottom: 100px;
    padding: 100px 0;
  }
  #about3 .about3_log {
    padding: 10px 0 40px;
  }
  #about3 .about3_main {
    font-size: 1.5rem;
    padding-bottom: 50px;
  }
  #about3 .about3_sub {
    font-size: 1.5rem;
    padding-bottom: 50px;
  }
  #about3 .about3_txt {
    font-size: 1.125rem;
    margin-bottom: 35px;
  }
  #about3 .about3_txt:last-of-type {
    margin-bottom: 0;
  }
  #about3 .inner {
    width: 986px;
  }
  #about3 .about3_block {
    padding: 60px 0;
  }
}

/*-----instagram-----*/
#instagram .inner {
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  #instagram .inner {
    width: 95%;
  }
}
@media screen and (min-width: 769px) {
  #instagram .inner {
    width: 1000px;
  }
}
.top_instagram {
  display: flex;
  justify-content: space-between;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .top_instagram {
    flex-wrap: wrap;
  }

  .top_instagram li {
    padding-bottom: 25px;
    width: 48%;
  }
}
@media screen and (min-width: 769px) {
  .top_instagram li {
    width: 240px;
  }
}
/*-----information-----*/
#information .inner {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #information {
    padding: 50px 0 20px;
  }
  #information .inner {
    width: 95%;
  }
  #information dl {
    display: flex;
    flex-wrap: wrap;
  }
  #information dl dt {
    border-bottom: 1px solid #e1e4e1;
    line-height: 1.5;
    padding: 18px 0;
    width: 25%;
  }
  #information dl dd {
    border-bottom: 1px solid #e1e4e1;
    line-height: 1.5;
    padding: 18px 0 18px 18px;
    width: 75%;
  }
}
@media screen and (min-width: 769px) {
  #information {
    padding: 100px 0 0;
  }
  #information .inner {
    width: 560px;
  }
  #information dl {
    display: flex;
    flex-wrap: wrap;
  }
  #information dl dt {
    border-bottom: 1px solid #e1e4e1;
    line-height: 1.5;
    padding: 18px 0;
    width: 20%;
  }
  #information dl dd {
    border-bottom: 1px solid #e1e4e1;
    line-height: 1.5;
    padding: 18px 0;
    width: 80%;
  }
}

/*--more--*/
.more_block {
  text-align: center;
}

.more_block .more {
  background-color: #e1e4e1;
  background-image: url('../images/icon_arrow.png');
  background-position: 75% center;
  background-repeat: no-repeat;
  background-size: auto 30%;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  letter-spacing: .05em;
}

@media screen and (max-width: 768px) {
  .more_block {
    margin-top: 20px;
  }

  .more_block .more {
    font-size: 1.06rem;
    padding: 7px 32px 7px 22px;
  }
}
@media screen and (min-width: 769px) {
  .more_block {
    margin-top: 40px;
  }

  .more_block .more {
    font-size: 1.06rem;
    padding: 14px 62px 14px 44px;
  }
}
/*-----concept-----*/
#concept .inner {
  margin: 0 auto;
}

#concept.phew {
  margin-top: -2px; /* 郢ｧ�ｫ郢晢ｽｫ郢晢ｽｼ郢ｧ�ｻ郢晢ｽｫ闕ｳ荵晢ｿｽ闖ｴ蜥丞項陜謎ｹ晢ｽ∫ｹｧ�ｽ */
  padding: 0;
}

@media screen and (max-width: 768px) {
  #concept {
    padding: 50px 0;
  }
  #concept .inner {
    width: 95%;
  }
  #concept h2 {
    font-size: .93rem;
    font-weight: bold;
    margin-bottom: 24px;
  }
  #concept p {
    font-size: .75rem;
    line-height: 1.5;
  }
  #concept .loveliner p {
    line-height: 1.9;
  }
}
@media screen and (min-width: 769px) {
  #concept {
    padding: 50px 0;
  }
  #concept .inner {
    width: 1000px;
  }
  #concept h2 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 32px;
  }
  #concept p {
    line-height: 1.7;
  }
}
@media screen and (max-width: 768px) {
  .loveliner {
    background-image: url('../images/loveliner/concept_love_sp.jpg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 0 0 60vh;
  }
}
@media screen and (min-width: 769px) {
  .loveliner {
    background: linear-gradient(90deg, #fff 0%, #fff 50%, #ffece8 50%, #ffece8 100%);
  }
  .loveliner .loveliner_inner {
    background-image: url('../images/loveliner/concept_love_pc.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 60px 0 100px;
  }
}

.time {
  font-family: '雋ゑｽｸ隴丞叙謔�', YuMincho, '郢晏�ﾎ帷ｹｧ�ｮ郢晏叙�ｽ隴幢ｿｽ ProN W3', 'Hiragino Mincho ProN', 'HG隴丞叙謔ウ', '�ｽ�ｭ�ｽ�ｳ �ｽ�ｰ隴丞叙謔�', '�ｽ�ｭ�ｽ�ｳ 隴丞叙謔�', serif;
}
@media screen and (max-width: 768px) {
  .time {
    background-image: url('../images/timesecret/concept_time_sp.jpg?v=2');
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 0 0 60vh;
  }
  .time .inner {
    padding-top: 30px;
  }
}
@media screen and (min-width: 769px) {
  .time .time_inner {
    background-image: url('../images/timesecret/concept_time_pc.jpg?v=2');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0 120px;
  }
}

.sub_link {
  display: flex;
  justify-content: space-between;
}
.sub_link li a {
  background-color: #f1f3ef;
  border: 1px solid #000;
  border-radius: 5px;
  display: block;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .sub_link {
    margin: 25px auto 50px;
    width: 90%;
  }
  .sub_link li {
    width: 48%;
  }
  .sub_link li a {
    padding: 10px 0;
  }
}
@media screen and (min-width: 769px) {
  .sub_link {
    margin: 50px auto 100px;
    width: 520px;
  }
  .sub_link li a {
    padding: 17px 0;
    width: 250px;
  }
}

/*-----lineup-----*/
#lineup .inner {
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  #lineup {
    padding: 25px 0 0;
  }

  #lineup .inner {
    width: 95%;
  }
}
@media screen and (min-width: 769px) {
  #lineup {
    padding: 50px 0;
  }

  #lineup .inner {
    width: 1000px;
  }
}
.top_lineup {
  display: flex;
  justify-content: space-between;
  text-align: center;
}

.top_lineup li {
  position: relative;
}

@media screen and (max-width: 768px) {
  .top_lineup {
    flex-wrap: wrap;
  }

  .top_lineup li {
    padding-bottom: 25px;
    width: 48%;
  }

  .top_lineup p {
    font-size: .875rem;
    line-height: 1.3;
    padding-top: 7px;
  }

  .top_lineup p.price {
    font-size: .812rem;
  }

  .top_lineup p.price span {
    font-size: .6242rem;
  }
}
@media screen and (min-width: 769px) {
  .top_lineup li {
    width: 240px;
  }

  .top_lineup li p {
    font-size: .875rem;
    line-height: 1.3;
    padding-top: 12px;
  }

  .top_lineup li p.price {
    font-size: .812rem;
  }

  .top_lineup li p.price span {
    font-size: .6242rem;
  }
}
.lineup_ll {
  background-color: #f8e6e4;
}

.lineup_ts {
  background-color: #d4ecf3;
}

.lineup_km_ks_eyes {
  background-color: #fff;
}

.lineup_fm {
  background-image: url('https://sky0538.itembox.design/item/frumor_bg_lineup_sp.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (min-width: 769px) {
  .lineup_fm {
    background-image: url('https://sky0538.itembox.design/item/frumor_bg_lineup.png');
  }
}

.lineup_phew {
  background: #f6f1ed;
}

@media screen and (min-width: 769px) {
  .lineup_phew .fs-c-productList__list {
    justify-content: center;
  }

  .lineup_phew .fs-c-productList__list__item.fs-c-productListItem {
    margin: 0 25px;
    width: 376px;
  }
}

/*-----sub_category-----*/
#sub_category .inner {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #sub_category {
    padding: 25px 0;
  }
  #sub_category .inner {
    width: 95%;
  }
}
@media screen and (min-width: 769px) {
  #sub_category {
    padding: 50px 0 50px;
  }
  #sub_category .inner {
    width: 1000px;
  }
}

.sub_cat {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .sub_cat {
    flex-wrap: wrap;
  }
  .sub_cat li {
    padding-bottom: 25px;
    width: 48%;
  }
  .sub_cat li:last-child {
    margin: 0 auto;
    padding-bottom: 25px;
    width: 48%;
  }
  .sub_cat p {
    font-size: .875rem;
    padding-top: 7px;
  }
}
@media screen and (min-width: 769px) {
  .sub_cat li {
    box-sizing: border-box;
    padding: 0 8px 50px;
    width: calc(100%/3);
  }
  .sub_cat p {
    font-size: .875rem;
    padding-top: 14px;
  }
}

/*-----product-----*/
#product .inner {
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  #product .inner {
    width: 95%;
  }
}
@media screen and (min-width: 769px) {
  #product .inner {
    width: 1000px;
  }
}

.fs-c-featuredProduct {
  display: none;
}

.fs-l-product2 .fs-l-productLayout > * > .fs-c-buttonContainer .fs-c-button--plain {
  border: solid 1px;
  padding: 10px;
  text-align: center;
  width: 100%;
}

.fs-l-product2 .fs-l-productLayout .fs-c-aggregateRating {
  align-items: center;
  display: flex;
  position: relative;
  width: 100%;
}

.fs-l-product2 .fs-l-productLayout .fs-c-aggregateRating__rating::before {
  content: none;
}

.fs-l-product2 .fs-l-productLayout .fs-c-aggregateRating__rating {
  font-size: 1rem;
}

.fs-l-product2 .fs-l-productLayout .fs-c-aggregateRating__count {
  font-size: 1rem;
  margin-left: .5em;
}

.fs-c-reviewList--productDescription .fs-c-reviewList__item__body {
  font-size: 14px;
  line-height: 1.5;
}

@media screen and (min-width: 960px) {
  .fs-c-productReview {
    display: flex;
    flex-wrap: wrap;
    grid-column: 1/3;
    justify-content: center;
  }
  .fs-c-productReview	.fs-c-reviewList--productDescription .fs-c-reviewList__item__info {
    flex-direction: row;
  }
  .fs-c-productReview	.fs-c-reviewList--productDescription .fs-c-reviewInfo__date, .fs-c-productReview	.fs-c-reviewList--productDescription .fs-c-reviewRating {
    margin-left: 20px;
  }
  .fs-c-productReview .fs-c-reviewList {
    width: 100%;
  }
  .fs-l-product2 .fs-l-productLayout > * > .fs-c-buttonContainer {
    justify-content: center;
    width: 50%;
  }
  .fs-l-product2 .fs-l-productLayout > * > .fs-c-buttonContainer .fs-c-button--plain {
    border: solid 1px;
    padding: 10px;
    text-align: center;
    width: 80%;
  }
  .fs-l-product2 .fs-l-productLayout > * > .fs-c-buttonContainer .fs-c-button--plain:hover {
    color: #df2d98;
    opacity: .5;
    text-decoration: none;
  }

  .fs-c-reviewList--productDescription .fs-c-reviewList__item__body {
    font-size: 16px;
  }
}
/*-----mypage-----*/
.fs-c-accountService__page.fs-c-accountService__page--logout .fs-c-string.fs-c-string--label::before {
  background-image: url(https://kanacolle.itembox.design/item/assets/img/common/myPage_icon_logout.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: '';
  display: block;
  fill: #7c8790;
  height: 64px;
  margin: 4px auto;
  width: 44px;
}

/*-----login-----*/
.fs-body-login .fs-c-loginForm .fs-c-anotherLogin__message, .fs-body-cart-login .fs-c-loginForm .fs-c-anotherLogin__message {
  line-height: 1.5;
}

.fs-body-login .fs-c-loginForm .fs-c-anotherLogin__button--amazon, .fs-body-cart-login .fs-c-loginForm .fs-c-anotherLogin__button--amazon {
  margin: 10px auto 0;
}

.fs-body-login .fs-c-loginForm .fs-c-newUsers__message, .fs-body-cart-login .fs-c-loginForm .fs-c-newUsers__message {
  line-height: 1.5;
}

@media screen and (min-width: 960px) {
  .fs-body-login .fs-c-loginForm, .fs-body-cart-login .fs-c-loginForm {
    display: flex;
    justify-content: space-between !important;
    max-width: 100% !important;
  }

  .fs-body-login .fs-c-loginForm .fs-c-registeredUsers, .fs-body-cart-login .fs-c-loginForm .fs-c-registeredUsers {
    flex-basis: 50%;
    flex-grow: 0;
    width: 50%;
  }

  .fs-body-login .fs-c-loginForm .fs-c-newUsers, .fs-body-cart-login .fs-c-loginForm .fs-c-newUsers {
    width: 48%;
  }
}