/** Copyright A-mid inc. All right reserved. */
html {
  background-color: #fdfff5;
}
main {
  color: #130000;
}

footer {
  background-color:#9e3d3f;
  color: aliceblue;
  text-align: center;
  font-family: "M PLUS Rounded 1c", sans-serif;
}

header {
  background-image: url(./icon/amidlogo.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 20px;
}

h1.top {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #300000;
}
@media screen and (max-width: 787px) {
header {
  background-image: none;
}
h1.top {
  background-image: url(./icon/amidlogo.png);
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
}
}

h2,h3,h4,h5,h6 {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #300000;
}
h2{
  background-image: url(./icon/amidlogo32.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 40px;
  border-bottom: 2px solid #e4101d;
}
h3,h4,h5,h6 {
  background-image: url(./icon/amidlogo32.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 30px;
  border-bottom: 2px solid #9e3d3f;
}

main {
  font-family: "Shippori Antique", sans-serif;
  font-weight: 400;
  font-style: normal;
}

div.philosophy  {
  margin: 40px;
  border: 4px solid #e6b422;
  padding: 15px;
  font-family: "Yuji Boku", serif;
  font-weight: 400;
  font-style: normal;
  font-size:large;
}

li.list__item{
  border-top: solid;
  border-bottom: solid;
  border-color: #9e3d3f;
}
a {
  color: #9e3d3f;
}
/* logo color #e41020 */
ul.list,ul.dropDown__list {
  padding: 0;
  list-style: none;
}

a {
  color: #333;
  text-decoration: none;
}

/* 自己紹介 */
div.members {
  display:block;
  overflow:auto;
}
dl.member {
  float:none;
  margin-right: 20px;
  flex-wrap: wrap;
}
dl.member>dt.pic>figure {
  float:left;
  margin-right: 20px;
}
dl.member>dt.pic>figure>img {
  width: 80px;
  margin:0;
  padding:0;
}
/dl.member>span.title {
  font-size:smaller;
}
dl.member>span.name {
  font-size:larger;
}
dl.member>dd.history {
  margin:0;
  padding:0;
}
dl.member>dd.comment {
  margin:0;
  padding:0;
}
@media (min-width: 600px) {
  div.members {
    display:flex;
    overflow:hidden;
  }
  dl.member{
    float:left;
  }
}

div.philosophy {
  width:70%;
  color: black;
  background-color: white;
}

/* top menu */
.list {
  display: flex;
  justify-content: center;
  gap: 2px;
}

.link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 2px 6px;
  transition: color .15s;
}
.link:hover,
.link:focus-within {
  color:#9e3d3f;
}

.link-hover::after {
  content: '▼';
  font-size: 10px;
}

.dropDown {
  position: absolute;
  bottom: 0;
  display: none;
  padding: 5px;
  background-color: #fff;
  box-shadow: 0px 3px 8px -2px #777;
  color: initial;
  transform: translate(0, 100%);
}

.link:hover > .dropDown,
.link:focus-within > .dropDown {
  display: block;
}

.dropDown__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dropDown__link {
  padding: 10px 20px;
  transition: color .15s;
}
.dropDown__link:hover,
.dropDown__link:focus {
  color:#9e3d3f;
}

/* google font settings */
.zen-maru-gothic-regular {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.m-plus-rounded-1c-regular {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.kosugi-maru-regular {
  font-family: "Kosugi Maru", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.shippori-antique-regular {
  font-family: "Shippori Antique", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.mochiy-pop-one-regular {
  font-family: "Mochiy Pop One", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.biz-udgothic-regular {
  font-family: "BIZ UDGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.yuji-boku-regular {
  font-family: "Yuji Boku", serif;
  font-weight: 400;
  font-style: normal;
}