@charset "UTF-8";
/*
Theme Name: Two Face teaser
Description: Two Face teaser
Author: Amolti.llc
Version: 1.0.0
*/
/*================cssのリセット*/
*, *::before, *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*=====================================Basic=====*/
/*========================Colors */
/*=========================Ease*/
/*====================ADMIN*/
#wpwrap {
  background-color: #EEEEEE;
}

/*=====================BG-IMGs*/
/*====================================Base*/
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

@-ms-viewport {
  width: device-width;
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  text-align: left;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

a {
  text-decoration: none;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6, .ff-rale {
  color: #333;
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: bold;
  font-weight: 700;
}

h1 {
  padding: 30px 0;
  color: azure;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.5);
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

i {
  padding-right: 3px;
}

/*=========================Links*/
a {
  color: #fff;
  font-weight: 400;
}

a:hover {
  color: rgba(255, 255, 255, 0.7);
}

/*=======================Background*/
.bg-cover {
  background-size: cover;
  background-position: center bottom;
}

/*========================section Header Footer*/
#teaser {
  width: 100%;
  height: 100vh;
  background-image: url("https://two-face.tokyo/wp-content/uploads/2024/03/202403_twoface_mb_01.jpg");
}

@media (min-width: 576px) {
  #teaser {
    background-image: url("https://two-face.tokyo/wp-content/uploads/2024/03/202403_twoface_mb_01.jpg");
  }
}

@media (min-width: 768px) {
  #teaser {
    background-image: url("https://two-face.tokyo/wp-content/uploads/2024/03/202403_twoface_hp_01.jpg");
  }
}