@charset "utf-8";
/*=============================================================

	Date: 2017-11-15
	CSS Document ： USEDo
	
=============================================================*/

@import url("https://use.typekit.net/eax7akj.css");

.sp {
  display: none;
}

#nav_sp_us {
  display: none;
}

/*
#Header_fca {
  width: 100%;
}
*/

.usedo_head_menu_us {
  border-top: 1px solid #dddbdb;
}

.usedo_head_menu_us ul {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 920px;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.usedo_head_menu_us ul li {
  cursor: pointer;
  text-align: center;
  width: 153px;
  position: relative;
}

.usedo_head_menu_us ul li::after {
  content: "";
  background: #dddbdb;
  display: inline-block;
  width: 1px;
  height: 15px;
  position: absolute;
  right: 0;
  top: 50%;
  margin: -8px 0 0;
}

.usedo_head_menu_us ul li:last-child::after {
  display: none;
}

.usedo_head_menu_us ul li a {
  color: #000;
  display: block;
  font-family: acumin-pro-extra-condensed, sans-serif;
  font-size: 1.375rem;
  font-weight: 800;
  line-height: 1.0;
  text-decoration: none;
  padding: 16px 0;
}

.usedo_head_menu_us li a:hover {
  color: #c1272d;
}

.usedo_head_menu_us .sns_menu_us {
  background: #f8f8f7;
  display: none;
  width: 153px;
  padding: 25px 0;
  position: absolute;
  left: 0;
  z-index: 9999;
}

.usedo_head_menu_us .sns_menu_us li {
  text-align: left;
  width: 100%;
  margin: 0 0 22px;
}

.usedo_head_menu_us .sns_menu_us li::after {
  display: none;
}

.usedo_head_menu_us .sns_menu_us li:last-child {
  margin: 0;
}

.usedo_head_menu_us .sns_menu_us li a {
  font-family: acumin-pro-condensed, sans-serif;
  font-size: 0.9375rem;
  font-weight: 700;
  width: 100%;
  margin: 0 18px;
  padding: 0;
}

.usedo_head_menu_us .sns_menu_us li img {
  margin: 0 10px 0 0;
}

.usedo_head_menu_us sup {
  position: absolute;
  top: 10px;
}

@media not all and (min-width: 768px) {
  .usedo_head_menu_us {
    display: none;
  }

  #nav_sp_us {
    display: block;
    position: relative;
  }
  
  .usedo_headsp_menu_us {
    background: #5d3334;
    position: relative;
    z-index: 335;
  }
  
  .usedo_headsp_menu_us ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-around;
    list-style: none;
    width: 85.3%;
    padding-left: 0;
  }
  
  .usedo_headsp_menu_us li {
    text-align: center;
    width: 33.4%;
    position: relative;
  }
  
  .usedo_headsp_menu_us ul li::after {
    content: "";
    background: #FFF;
    display: inline-block;
    width: 1px;
    height: 6.667vw;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -3.333vw 0 0;
  }
  
  .usedo_headsp_menu_us li a {
    color: #FFF;
    display: block;
    font-family: acumin-pro-extra-condensed, sans-serif;
    font-size: 4.533vw;
    font-weight: 800;
    line-height: 1.0;
    text-decoration: none;
    padding: 6.133vw 0;
  }
  
  #nav_sp_us nav {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: none;
    position: absolute;
    top: 100%;
    height: 600px;
    width: 100%;
    background: #5d3332;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    z-index: 9999;
  }
  
  .open#nav_sp_us nav {
    display: block;
  }
  
  .inner {
    height: 120%;
    width: 92%;
    margin: auto;
    /*padding: 14.667vw 0 0;*/
  }

  .inner ul,
  .inner li {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
  }
  
  .inner ul:first-child li {
    border-bottom: 2px solid #FFF;	
  }
  
  .inner ul:first-child li a {
    color: #FFF;
    display: block;
    font-family: acumin-pro-extra-condensed, sans-serif;
    font-size: 8vw;
    font-weight: 800;
    line-height: 1.0;
    text-decoration: none;
    padding: 6.4vw 0 6.4vw 9.2%;
    position: relative;
  }
  
  .inner ul:first-child li a::after {
    content: "";
    display: inline-block;
    width: 2.133vw;
    height: 2.133vw;
    border-bottom: 2px solid #FFF;
    border-right: 2px solid #FFF;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    margin: -1.067vw 0 0;
    position: absolute;
    right: 8%;
    top: 50%;
  }
  
  .sns_menusp_us {
    height: 65%;
    margin: 6.4vw 0 0 9.2%;
  }
  
  .sns_menusp_us p {
    color: #FFF;
    font-family: acumin-pro-extra-condensed, sans-serif;
    font-size: 8vw;
    font-weight: 800;
    line-height: 1.0;
  }
  
  .sns_menusp_us ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  
  .sns_menusp_us li {
    width: 50%;
    margin: 6.4vw 0 0;
  }
  
  .sns_menusp_us li a {
    color: #FFF;
    display: block;
    font-family: acumin-pro-extra-condensed, sans-serif;
    font-size: 6vw;
    font-weight: 800;
    line-height: 1.5;
    text-decoration: none;
  }
  
  .sns_menusp_us li img {
    height: 30px;
    margin: 0 4.267vw 0 0;
    width: 30px;
  }
  
  .toggle_btn {
    display: block;
    position: absolute;
    top: 35%;
    right: 4vw;
    width: 5.867vw;
    height: 5.867vw;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    cursor: pointer;
    z-index: 335;
  }
  
  .toggle_btn span {
    display: block;
    position: absolute;
    left: 0;
    width: 5.867vw;
    height: 0.4vw;
    background: #FFF;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
  }
  
  .toggle_btn span:nth-child(1) {
    top: 5px;
  }
  
  .toggle_btn span:nth-child(2) {
    bottom: 5px;
  }
  
  .open .toggle_btn span {
    background: #FFF;
  }
  
  .open .toggle_btn span:nth-child(1) {
    -webkit-transform: translateY(10px) rotate(45deg);
    -ms-transform: translateY(10px) rotate(45deg);
        transform: translateY(10px) rotate(45deg);
    top: 0;
  }
  
  .open .toggle_btn span:nth-child(2) {
    bottom: 0;
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
  }
  
  .lock {
    /*height: auto;*/
    overflow: hidden;
  }

  .sp {
    display: block;
  }

  .pc {
    display: none;
  }
}