@import url('https://fonts.googleapis.com/css?family=Kosugi+Maru|Lobster&display=swap'); 

body{
  font-family: 'Kosugi Maru', sans-serif;;

  background-color:white;
  margin:0px;          /* ページ全体のmargin */
  padding:0px;         /* ページ全体のpadding */
  text-align:center;   /* 下記のautoに未対応用のセンタリング */
}

#main{
 margin-left:auto;    /* 左側マージンを自動的に空ける */
 margin-right:auto;   /* 右側マージンを自動的に空ける */
 text-align:left;     /* 中身を左側表示に戻す */
 width:100%;         /* 幅を決定する */
 position: absolute;
 top: 0px;
 z-index: 0;
}

.select {
  display: flex;
  justify-content: flex-start;
}

.select label,
.select .btn {
  cursor: pointer;
}

.select .btn {
  position: relative;
  display: inline-block;
  padding: 5px 30px 5px 30px;
  margin: 0 0 0 10px;
  text-decoration: none;
  color: #000000;
  background: #ececec;
  transition: 0.2s;
  border: 1.0px solid #bdbdbd;
  border-right: 0;
}

.select .btn.active {
  background: #00bcd4;
  color: #ececec;
}

.select .btn:hover {
  opacity: 0.4;
}

.select .btn:first-of-type {
  border-radius: 10px 10px 10px 10px;
}

.select .btn:last-of-type {
  border-radius: 10px 10px 10px 10px;
  border: 1.0px solid #bdbdbd;
}