@charset "UTF-8";
@import url("grid.css");


img {
	max-width:100%;
	height: auto;/*高さ自動*/
}


/*メイン画像
-------------------------------------*/
.mainimg img {
	width: 100vw;
}
/*メインコンテンツ
-------------------------------------*/
main {
    margin: 2rem 2rem;
}
/*署名
-------------------------------------*/

.highlight a{
  color: #ffff33;
  font-weight:bold;
  font-size: clamp(1.5rem, calc(1.3rem + 0.625vw), 2.3rem);    
}

h3{
  font-size: clamp(1.0rem, calc(0.9rem + 0.625vw), 1.1em);
  padding: 0.2em;/*文字周りの余白*/
  color: #ffffff;/*文字色*/
  background: #3e7a31;/*背景色*/
  border-left: solid 10px #8c1404;/*左線（実線 太さ 色）*/
  font-weight: normal;
}


span {
  font-size: 0.9em;
  color: #dcdcdc;
}


/*リンク色指定
-------------------------------------*/
a {
  outline-color: transparent;
}

a:link {
  color: #a1190f;
}

a:visited {
  color: #a1190f;
}

a:focus {
  text-decoration: none;
  background: #fff9f9;
}

a:hover {
  text-decoration: none;
  background: #fff9f9;
}

a:active {
  background: #fff9f9;
  color: #a1190f;
}

/*フッター
-------------------------------------*/

.footer-2 {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 10px 0px;
    background-color: #000;
}