@charset "UTF-8";
/* -----------------------------------------
 Header
------------------------------------------- */
.header {
  position:absolute;
  height: auto;
  z-index: 3;
}
@media screen and (max-width: 900px){
  .header{
    margin-left:0;
  }
  div.site-logo {
  /* padding: 0; */
  }
}

/* -----------------------------------------
 Navigation
------------------------------------------- */
.menu-main-container {
    display: block;
    position: relative;
    height: auto;
    margin: 0 6rem;
    z-index: 2;
}

#menu-main {

}
#menu-main.menu {
  justify-content: space-between;
  align-items: flex-end;
  text-align: right;
}
ul#menu-main.menu {
}
#menu-main.menu li {
  display:inline-block;
  position: static;
  padding: 0.5em 1em;
  line-height: 1em;
}
.menu-item {
  font-family:"Effra med";
  font-size: 1.2em;
}
li.menu-item-object-category a {}
.sub-menu {
    display: none;
}
/* -----------------------------------------
 Section
------------------------------------------- */
.section {
  padding-top:0;
}
.section #schedule{
  padding-top:6rem;
  background-color: #fff;
}

/* -----------------------------------------
 Brands
------------------------------------------- */
.brand_list {
  padding:2rem;
}

div.brand_list::after {
  display:block;
  content: '';
  width: 100%;
  height: 4px;
  background:linear-gradient(90deg,#fff, #000, #fff);
  opacity:1;
  transform-origin: center bottom;
  transition: opacity 0.3s;
  }
div.brand_list:hover::after {
    transition: opacity 0.3s;
    opacity:0.2;
}
div.brand_row {
  margin-bottom:0;
}
.brand_main {
  padding: 6rem 0 3rem;
  background-color: #fff;
}

.brand_contents {
  width: 100%;
  max-width: 96rem;
  margin: 0px auto;
  padding: 2rem;
}
.brand_cocktail{
  padding: 2rem;
}
.cocktail_info {
  width: 66.66%;
  display: inline-block;
  vertical-align: top;
}
.cocktail_en {
  display: inline-block;
  font-size:1.25em;
  font-family: "Effra bold";
  margin-right: .5em;
}
p.cocktail_jp {
  font-size: 0.8em;
  display: inline-block;
}
p.cocktail_detail {
  margin-top:0.8em;
}
.cocktail_recipe {
  font-size: 0.8em;
  display:block;
  width: 200px;
  margin: 1em 0 1em auto;
}
.jwblue .cocktail_recipe{
  width: 280px;
}
.cocktail_img {
  width: 30%;
  display:inline-block;
  margin-bottom:0;
}
.brand_product {
  display: flex;
}
h2.product_title {
  font-size:0.9em;
  font-weight:600;
  line-height: 2.5em;
  border-bottom: 1px solid #2b2d32;
}
.jwblue .product_title {
  line-height:1.5em;
  padding-bottom:.5em;
}
.product_info {
  width: 66.66%;
  display:inline-block;
}
figure.product_spec {
  margin-top:1rem;
  font-size:0.8em;
}
figure.product_spec td,figure.cocktail_recipe td {
  border:none;
  padding:unset;
}
.product_img {
  margin-bottom:0;
  width: 33.33%;
}
.blanco .product_img img {
  min-height:150px;
  min-width:96px;
}
.reposado .product_img img,.anejo .product_img img {
  min-height:150px;
  min-width:83px;
}
 {
  min-height:150px;
  min-width:83px;
}
@media screen and (min-width:960px){
  
}
@media screen and (max-width:959px){
  
}
@media screen and (min-width:782px){
div.wp-block-cover.sp__only {
  display:none;
}
}
@media screen and (max-width:781px){
div.wp-block-cover.pc__only {
  display:none;
}
img.wp-image-62 {
  height:120px;
}
.about_wc{
  margin:0 auto;
  width:90%;
}
.brand_logo {
  margin-bottom:2.5em;
}
.brand_copy p {
  width:90%;
  margin:0 auto;
}
.brand_product {
  display: flex;
  margin: 2.5em 1.5em 0;
  padding: 1em;
}
}
@media screen and (min-width:480px){
.cocktail_recipe {

}
}
@media screen and (max-width:479px){
.brand_cocktail {
  padding: 1em;
}
.cocktail_info {
  width:100%;
}
.cocktail_recipe {
  width:90%;
  font-size:.9em;
  margin:1em auto 1em auto;
}
.cocktail_img {
  width:100%;
}
.brand_product.singleton .product_info {
  width: 75%;
}
.brand_product.singleton .product_img {
  width: 25%;
}
}