@charset "utf-8";

@font-face{
  font-family: 'shingopro-b';
  src: url('../fonts/A-OTF-ShinGoPro-Bold.otf') format('opentype');
}

@font-face{
  font-family: 'helvetica-b';
  src: url('../fonts/Helvetica-Bold.otf') format('opentype');
}

@font-face{
  font-family: 'hirakakupro-w8';
  src: url('../fonts/HiraKakuPro-W8.otf') format('opentype');
}

html {
  margin   : 0px;
  padding  : 0px;
  overflow : hidden;
  font-size: 62.5%;
}

body {
  position  : relative;
  overflow  : hidden;
  width     : 1920px;
  height    : 1080px;
  margin    : 0px;
  padding   : 0px;
  background: #FFF;
}

/* margin, padding */
h1, h2, h3, h4, p, ul, li, a{
  margin : 0px;
  padding: 0px;
  color  : #333;
  line-height: 1.0em;
  font-family: 'sans-serif';
}

/* font-size */
.f-xs{
  font-size: 1.4rem;
}

.f-s{
  font-size: 1.6rem;
}

.f-m{
  font-size: 2.2rem;
}

.f-l{
  font-size: 2.8rem;
}

.f-xl{
  font-size: 3.6rem;
}

/* text-align */
.t-l{
  text-align: left;
}

.t-c{
  text-align: center;
}

.t-r{
  text-align: right;
}

/* display */
.d-none{
  display: none !important;
}

.d-block{
  display: block;
}

.d-inline{
  display: inline;
}

.d-block-animation{
  display: block;
  animation        : d-block-animation .2s ease;
  -webkit-animation: d-block-animation .2s ease;
}

@keyframes d-block-animation{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

@-webkit-keyframes d-block-animation{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

/* shadow */
.shadow{
  box-shadow        : 5px 5px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.3);
}

/* color */
.base-color1{
  color: #FCF6ED !important;
}

.base-color2{
  color: #AD9793 !important;
}

.base-color3{
  color: #6D4C41 !important;
}

.accent-color{
  color: #3C6 !important;
}

/* button */
.button{
  display        : block;
  padding        : 10px 30px;
  font-size      : 26px;
  font-weight    : bold;
  text-decoration: none;
  color          : #FFF;
  background     : #333;
  text-align     : center;

  border-radius        : 10px;
  -webkit-border-radius: 10px;
}