@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Overpass:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap");
#header_info {
  text-align: center;
  height: auto; }
  #header_info.momotarojeans {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 60px; 
    background-color: #000;
    text-align: center;
    padding: 0; }
    #header_info.momotarojeans img {
      width: 263px; }
  #header_info.japanbluejeans {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 60px; 
    background-color: #EEEEEE;
    text-align: center;
    padding: 0; }
    #header_info.japanbluejeans img {
      width: 257px; }
  #header_info.setto {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 60px; 
    background-color: #EEEEEE;
    text-align: center;
    padding: 0; }
    #header_info.setto img {
      width: 112px; }

.mv {
  width: 1300px;
  margin: 0 auto 40px; }
  .mv img {
    width: 100%; }

.category_list {
  width: 1300px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap; }
  .category_list.col3 {
    justify-content: center; }
  .category_list.jb li a .category_name {
    font-family: 'Overpass', sans-serif;
    font-size: 24px;
    font-size: 2.4rem; }
  .category_list.setto li a .category_name {
    font-family: 'Didact Gothic', sans-serif;
    font-size: 24px;
    font-size: 2.4rem; }
  .category_list li {
    width: calc(25% - 1px);
    margin-left: 1px; }
    .category_list li a {
      display: block;
      position: relative; }
      .category_list li a:after {
        content: "";
        width: 24px;
        height: 14px;
        background: url(../images/common/arrow_up_white.png) 0 0 no-repeat;
        background-size: 100% auto;
        bottom: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        position: absolute;
        z-index: 2; }
      .category_list li a .category_name {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        display: block;
        width: 100%;
        text-align: center;
        color: #fff;
        z-index: 2;
        font-size: 26px;
        font-size: 2.6rem;
        letter-spacing: 0.05em;
        font-family: 'Roboto', sans-serif; }

@media screen and (max-width: 1340px) {
  #header_info.momotarojeans {
    height: calc(60 / 1340 * 100vw); }
    #header_info.momotarojeans img {
      width: calc(263 / 1340 * 100vw); }
  #header_info.japanbluejeans {
    height: calc(60 / 1340 * 100vw); }
    #header_info.japanbluejeans img {
      width: calc(257 / 1340 * 100vw); }
  #header_info.setto {
    height: calc(60 / 1340 * 100vw); }
    #header_info.setto img {
      width: calc(112 / 1340 * 100vw); }

  .mv {
    width: calc(1300 / 1340 * 100vw);
    margin-bottom: calc(40 / 1340 * 100vw); }

  .category_list {
    width: calc(1300 / 1340 * 100vw); }
    .category_list.jb li a .category_name {
      font-size: calc(24 / 1340 * 100vw); }
    .category_list.setto li a .category_name {
      font-size: calc(24 / 1340 * 100vw); }
    .category_list li a:after {
      width: calc(24 / 1340 * 100vw);
      height: calc(14 / 1340 * 100vw);
      bottom: calc(20 / 1340 * 100vw); }
    .category_list li a .category_name {
      font-size: calc(26 / 1340 * 100vw); } }
@media screen and (max-width: 750px) {
  #header_info.momotarojeans {
    height: calc(80 / 750 * 100vw); }
    #header_info.momotarojeans img {
      width: calc(308 / 750 * 100vw); }
  #header_info.japanbluejeans {
    height: calc(80 / 750 * 100vw); }
    #header_info.japanbluejeans img {
      width: calc(362 / 750 * 100vw); }
  #header_info.setto {
    height: calc(80 / 750 * 100vw); }
    #header_info.setto img {
      width: calc(144 / 750 * 100vw); }

  .mv {
    width: 100%;
    margin-bottom: calc(80 / 750 * 100vw); }

  .category_list {
    width: 100%; }
  .category_list.col3 {
    justify-content: flex-start; }
    .category_list.jb li a .category_name {
      font-size: calc(30 / 750 * 100vw); }
    .category_list.setto li a .category_name {
      font-size: calc(30 / 750 * 100vw); }
    .category_list li {
      width: calc(50% - 1px);
      margin-bottom: 1px; }
      .category_list li a:after {
        width: calc(24 / 750 * 100vw);
        height: calc(14 / 750 * 100vw);
        bottom: calc(20 / 750 * 100vw); }
      .category_list li a .category_name {
        font-size: calc(32 / 750 * 100vw); } }

@media screen and (max-width: 750px) {
	.fs-l-main {
	    padding: 0;
	}
}