@charset "utf-8";

/*-- News番組変更時にはここでテーマカラーをセット＆メイン画像変更 --*/

:root{
  --main-bgcolor:#0045d2;
  --sub-bgcolor:#ffaa00;
  --main-txtcolor:#fff;
  --sub-txtcolor:#003670;
}

/*---------*/

.tss_footer{
  background-color: var(--main-bgcolor) !important;
}
.tss_footer a{
  color:var(--main-txtcolor) !important;
}
#tss_gototop {
    position: fixed;
    right: 1em;
    bottom: 40px;
    z-index: 200;
}

#tss_gototop a{
  display: block;
  padding: 1em 1.125em;
  background-color: var(--sub-bgcolor);
  border-radius: 50%;
  color:var(--sub-txtcolor);
  font-weight: bold;
  text-decoration: none;
}

#tss_gototop a:hover{
  opacity: 0.7;
}

.hdj_wrap{
  background-repeat: no-repeat;
  background-position: top center;
  padding: 2vw 0;
  background-image:url("../img/bg_main.png"),linear-gradient(136deg, rgb(0, 105, 197), rgba(164, 251, 255, 1));
}
/*
.hdj_head{
  width:100%;
  margin: 1em auto;
  text-align: center;
}

.hdj_head > h1{
  font-size: 2em;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px 6px #002949;
  line-height: 1.4;
  
}
.hdj_head > h1 span{
  display: block;
  font-size: 0.875em;
  color: rgb(255, 241, 164);
}
.hdj_head > img{
  width:94%;
  height: auto;
}*/

.hdj_body{
  border: solid 1px #fff;
  /* padding: 2vw; */
  width:96%;
  max-width: 1200px;
  margin: 0 auto;
}


.hdj_body h1{
  display: block;
  width: 100%;
}
.hdj_body h1 img{width: 100%;}

.hdj_news{
  width:100%;
  /* max-width: 1400px; */
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  background-color: #fff;
}

.hdj_news img{
  width:100%;
  height: auto;
}

.hdj_news > div:first-of-type{
  /* width:60%; */
}

.hdj_news > div:last-of-type{
  width:40%;
  padding: 2em;
}

.hdj_news p{
  font-weight: bold;
  font-size: 1.25em;
  text-align: center;
  margin-bottom: 1em;
}

.hdj_news p span{
  font-size: 1.75em;
  display: inline-block;
  margin: 0 0.125rem;
}

.hdj_news a{
  display: block;
  margin: 0 auto;
  width:80%;
  text-align: center;
  padding: 1em 0;
  box-shadow: 0 0 30px #00367061;
  text-decoration: none;
  color: var(--main-bgcolor);
  transition: all .5s;
}

.hdj_news a:hover{
  background-color: var(--main-bgcolor);
  color: var(--main-txtcolor);
  box-shadow: none;
}
  
.hdj_newsbnr a{
  display: block;
  margin: 3em auto;
  max-width: 320px;
}
.hdj_newsbnr a img{width: 100%;}
.hdj_newsbnr a:hover{opacity: 0.7;}

.hdj_dtl{
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.hdj_dtl dt{
  font-size: 0.785em;
  background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%,rgba(246,246,246,0) 100%); 
  padding: 1.8em;
  font-weight: bold;
  width: 11em;
  margin: 1px 0 0 0;
  background-color: rgba(255,255,255,0.4);
}
.hdj_dtl dd{
  background-color: rgba(255,255,255,0.8);
  padding: 1em;
  line-height: 1.6;
  width: calc(100% - 139px);
  /* margin-bottom: 1em; */
  margin: 1px 0 0 0;
}


@media screen and (max-width:768px){
  .hdj_wrap {padding-bottom:10em;        background-size: 150%;}
  .hdj_head > h1 {font-size: 1.25em;}
  .hdj_body{border:solid 0.5vw #fff;}
  .hdj_news{flex-wrap: wrap;}
  .hdj_news > div:first-of-type, .hdj_news > div:last-of-type{
  width:100%;
}
.hdj_news p {
    font-size: 1.125em;
}
  .hdj_dtl dt,
  .hdj_dtl dd {
    width: 100%;
    padding: 8px;
}
  .hdj_dtl dd {font-size: 0.875em;}
}