@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: #000000;/*文字色*/
  background: #ffffff;/*背景色*/
  border-left: solid 10px #ffffff;/*左線（実線 太さ 色）*/
  font-weight: normal;
}


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

/*動画フレーム
-------------------------------------*/
.movie{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
}

.movie iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*リンク色指定
-------------------------------------*/
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;
}