@charset "UTF-8";

@font-face {
    font-family: 'Audrey';
    src: url("/static/fonts/Audrey/Audrey-Normal.eot");
    src:
    url("/static/fonts/Audrey/Audrey-Normal.eot?#iefix") format('embedded-opentype'),
    url("/static/fonts/Audrey/Audrey-Normal.woff2") format('woff2'),
    url("/static/fonts/Audrey/Audrey-Normal.woff") format('woff'),
    url("/static/fonts/Audrey/Audrey-Normal.ttf") format('truetype'),
    url("/static/fonts/Audrey/Audrey-Normal.otf") format('opentype'),
    url("/static/fonts/Audrey/Audrey-Normal.svg#svgFontName") format('svg');
}

html, body, section {
    margin: 0;
    padding: 0;
}

body {
    color: black;
    font-size: 16px;
    font-family: "TsukuMinPr6N-L", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
    height: 100%;
    background-color: #FFF;
}

.normalFont {
    font-family: -apple-system, 'Helvetica Neue', 'Lucida Grande', 'Yu Gothic', '游ゴシック', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'メイリオ', meiryo, sans-serif;
}

.minchoFont {
    font-family: "TsukuMinPr6N-L", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
}

.alphabetFont {
    font-family: 'Audrey', serif;
}

a, button {
    cursor: pointer;
    text-decoration: none;
}

a:hover, button:hover {
    opacity: 0.7;
}

li {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

div, p {
    margin: 0;
}

ul {
    padding: 0;
    margin: 0;
}

video {
    vertical-align: bottom;
}

/*
 common
*/

h1 {
    margin-right: auto;
    margin-left: auto;
    font-size: 48px;
    font-weight: normal;
}

h2 {
    font-size: 5.833vw;
    font-weight: normal;
    line-height: initial;
}

h3 {
    font-size: 1.4vw;
}

section {
    margin: 0 auto;
    text-align: center;
}

p {
    line-height: 1.5;
}

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

.alignC {text-align:center !important;}
.alignR {text-align:right !important;}
.alignL {text-align:left !important;}

.Fleft {float:left !important;}
.Fright {float:right!important;}
.f_left {float: left;width: auto}
.f_right {float:right;width: auto}
.f_box {overflow: hidden}

.w100 {width: 100%}

.MrAuto { margin-right: auto; }
.MlAuto { margin-left: auto; }

.P5px {padding:5px !important;}
.P10px {padding:10px !important;}
.P20px {padding:20px !important;}
.Mauto {margin:auto !important;}
.Mt00 {margin-top:0 !important;}
.Mt05 {margin-top:5px !important;}
.Mt10 {margin-top:10px!important;}
.Mt15 {margin-top:15px !important;}
.Mt20 {margin-top:20px !important;}
.Mt25 {margin-top:25px !important;}
.Mt30 {margin-top:30px !important;}
.Mt35 {margin-top:35px !important;}
.Mt40 {margin-top:40px !important;}
.Mt45 {margin-top:45px !important;}
.Mt50 {margin-top:50px !important;}
.Mt60 {margin-top:60px !important;}
.Mt70 {margin-top:70px !important;}
.Mt80 {margin-top:80px !important;}
.Mt90 {margin-top:90px !important;}
.Mt100 {margin-top:100px !important;}
.Mr00 {margin-right:0 !important;}
.Mr05 {margin-right:5px !important;}
.Mr10 {margin-right:10px !important;}
.Mr15 {margin-right:15px !important;}
.Mr20 {margin-right:20px !important;}
.Mr25 {margin-right:25px !important;}
.Mr30 {margin-right:30px !important;}
.Mr35 {margin-right:35px !important;}
.Mr40 {margin-right:40px !important;}
.Mb00 {margin-bottom:0 !important;}
.Mb05 {margin-bottom:5px !important;}
.Mb10 {margin-bottom:10px !important;}
.Mb15 {margin-bottom:15px !important;}
.Mb20 {margin-bottom:20px !important;}
.Mb25 {margin-bottom:25px !important;}
.Mb30 {margin-bottom:30px !important;}
.Mb35 {margin-bottom:35px !important;}
.Mb40 {margin-bottom:40px !important;}
.Mb50 {margin-bottom:50px !important;}
.Mb60 {margin-bottom:60px !important;}
.Mb70 {margin-bottom:70px !important;}
.Mb80 {margin-bottom:80px !important;}
.Mb90 {margin-bottom:90px !important;}
.Mb100 {margin-bottom:100px !important;}
.Ml00 {margin-left:0 !important;}
.Ml05 {margin-left:5px !important;}
.Ml10 {margin-left:10px !important;}
.Ml15 {margin-left:15px !important;}
.Ml20 {margin-left:20px !important;}
.Ml25 {margin-left:25px !important;}
.Ml30 {margin-left:30px !important;}
.Ml35 {margin-left:35px !important;}
.Ml40 {margin-left:40px !important;}
.Pt00 {padding-top:0 !important;}
.Pt05 {padding-top:5px !important;}
.Pt10 {padding-top:10px !important;}
.Pt15 {padding-top:15px !important;}
.Pt20 {padding-top:20px !important;}
.Pt25 {padding-top:25px !important;}
.Pt30 {padding-top:30px !important;}
.Pt35 {padding-top:35px !important;}
.Pt40 {padding-top:40px !important;}
.Pt50 {padding-top:50px !important;}
.Pt60 {padding-top:60px !important;}
.Pt70 {padding-top:70px !important;}
.Pr00 {padding-right:0 !important;}
.Pr05 {padding-right:5px !important;}
.Pr10 {padding-right:10px !important;}
.Pr15 {padding-right:15px !important;}
.Pr20 {padding-right:20px !important;}
.Pr25 {padding-right:25px !important;}
.Pr30 {padding-right:30px !important;}
.Pr35 {padding-right:35px !important;}
.Pr40 {padding-right:40px !important;}
.Pb00 {padding-bottom:0 !important;}
.Pb05 {padding-bottom:5px !important;}
.Pb10 {padding-bottom:10px !important;}
.Pb15 {padding-bottom:15px !important;}
.Pb20 {padding-bottom:20px !important;}
.Pb25 {padding-bottom:25px !important;}
.Pb30 {padding-bottom:30px !important;}
.Pb35 {padding-bottom:35px !important;}
.Pb40 {padding-bottom:40px !important;}
.Pb80 {padding-bottom:80px !important;}
.Pb100 {padding-bottom:100px !important;}
.Pb150 {padding-bottom:150px !important;}
.Pl00 {padding-left:0 !important;}
.Pl05 {padding-left:5px !important;}
.Pl10 {padding-left:10px !important;}
.Pl15 {padding-left:15px !important;}
.Pl20 {padding-left:20px !important;}
.Pl25 {padding-left:25px !important;}
.Pl30 {padding-left:30px !important;}
.Pl35 {padding-left:35px !important;}
.Pl40 {padding-left:40px !important;}
.Ptb50 {padding-top: 50px; padding-bottom: 50px;}
.Ptb100 {padding-top: 100px; padding-bottom: 100px;}

.opacityZero {
    opacity: 0 !important;
}

.width100per {
    width: 100%;
}

.height100per {
  height: 100%;
}

.absoluteLeftTop {
  position: absolute;
  top: 0;
  left: 0;
}

.absoluteRightTop {
  position: absolute;
  right: 0;
  top: 0;
}

.absoluteRightBottom {
  position: absolute;
  right: 0;
  bottom: 0;
}

.absoluteTopCenter {
  position: absolute;
  top: 0;
  left: 0;right: 0;
}

.absoluteBottomCenter {
  position: absolute;
  bottom: 0;
  left: 0;right: 0;
}

.absoluteCenter {
  position: absolute;
  top: 0;bottom: 0;
  left: 0;right: 0;
  margin: auto;
}

header {
    width: 100%;
    height: 80px;
    position: fixed;
    top: 0;
    left: 0;
    border-bottom: #d7d7d7 solid 1px;
    background: white;
    z-index: 1000;
}

.headerContainer {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 80px;
}

header ul {
    height: 100%;
    display: flex;
    text-align: center;
    align-items: center;
    max-width: 1000px;
    margin: auto;
    justify-content: space-between;
}

header ul li {
    display: inline-block;
}

header ul li a {
    font-size: 16px;
}

header li.logo {
  display: flex;
  align-items: center;
}

header li.logo img {
  width: 120px;
  height: 40px;
}

header a {
    color: #666;
    font-size: 16px;
}

header li.menu, header li.menu #menuButton {
  display: none;
}

@media screen and (max-width: 600px) {
  header ul {
    margin: 0 10px;
  }
  header li.menu, header li.menu #menuButton  {
    display: block;
  }
  header li.link {
    display: none;
  }
}


footer {
    width: 100%;
    height: 300px;
    background-color: black;
    color: white;
}

footer ul {
    display: flex;
    max-width: 1000px;
    margin: 0 auto;
    justify-content: space-around;
}

footer ul li {
    display: inline-block;
    padding: 30px 0;
    color: rgb(237, 188, 142);
}

footer ul li a {
    color: rgb(237, 188, 142);
}

@media screen and (max-width: 450px){
  footer ul li {
    font-size: 12px;
  }
}

.displayBlock {
    display: block;
}

.defaultHide {
    display: none;
}

.copyright {
  text-align: center;
  color: rgb(237, 188, 142);
}

.sns {
  background: #d7d4ce;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
}

.sns .font {
  padding-top: 8px;
  margin-right: 12px;
}

.sns img {
  width: 56px;
  height: 56px;
}