@charset "UTF-8";

body{
    margin: 0 auto;
    background-color: #000000;
}


p {
  margin-top: 0rem;
  font-size: clamp(1.0rem, calc(0.9rem + 0.625vw), 1.0rem);
  line-height: 1.6;
  color: #ffffff;
}

/*メインコンテンツ
-------------------------------------*/

header {
   width: 100%;
   padding:10px 0px 10px 30px;
   background-color: #333333;
   position: absolute;
   top: 0;
}
.wrapper{
    background-color: #000000;
    width:100%;
}
.wrapper .container{
    max-width:800px;
    margin:0px auto;
    padding:80px 0px 10px 0px;
}

.wrapper .content {
    padding:10px;
    text-align:left;
}
.wrapper .content .heading{
    font-size: clamp(1.3rem, calc(1.2rem + 0.625vw), 1.7rem);
    font-weight: bold;
    margin:0px 0px 10px 0px;
    text-align: left;
    color: #f5f5f5;
}

.wrapper_01{
    background-color: #000000;
    width:100%;
}
.wrapper_01 .container_01{
    max-width:800px;
    margin:0px auto;
    padding:20px 0px;
}

.wrapper_01 .content_01 {
    padding:30px;
    text-align:left;
}
.wrapper_01 .content_01 .heading_01{
    margin:0px 0px 10px 0px;
    font-size: 24px;
    font-weight: normal;
    text-align: left;
}


h3 {
  font-size: clamp(1.1rem, calc(1.0rem + 0.625vw), 1.2rem);
  color: #e0bc2a;
  padding:0.2em; /*上下左右の余白*/
  border-left:solid 6px #e0bc2a; /*左線*/
  background :#333333; /*背景色*/
}
h2{
  color: #e0bc2a;
  font-size: clamp(1.7rem, calc(1.5rem + 0.625vw), 2.0rem);
  font-family: Cambria, serif;
  font-style: italic;
  font-weight: bold;
}

h5{
  font-size: clamp(0.9rem, calc(0.7rem + 0.625vw), 0.9rem);
  color: #e0bc2a;
}
  

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

.date {
  text-align: right;
  font-size: 0.9em;
  color: #ffffff;
}

ul {
   padding:0; /*デフォルトの指定解除*/
}

li {
  color: #f5f5f5;
  padding:10px; /*liの余白指定*/
  border-bottom: 1px #e0bc2a dotted; /*liの下に境界線を指定*/
  list-style-type: none;
}
li:last-child {
  border-bottom:none; /*最後のliだけborderを非表示に*/
}

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

a:link {
  color: #a1190f;
  text-decoration: none;
}

a:visited {
  color: #a1190f;
}

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

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

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


.resizeimage img {
  width: 100%; 
  max-width: 470px;
  height: auto;
}
.resizeimage_mini{
  width: 100%; 
  max-width: 120px;
  height: auto;
}

.footer {
 color: #ffff33;
 background: #333333;
 padding: 30px;
}
.footer a {
 color: #fbf4c2;
 font-size: 0.9em;
 text-decoration: none;
}
.footer li a:hover {
 color: #ffffff;
 text-decoration: underline;
}

.footer .wrap {
 width: 900px;
 margin: 0 auto;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
.footer .wrap h5 {
 color: #f5f5f5;
 margin: 0 0 10px 0;
 padding: 0;
 border-bottom: 1px #ffff33 solid;
}
.footer .wrap p {
 margin: 0;
 padding: 0 0 20px 0;
 font-size: 0.9em;
}
.footer .wrap .box {
 width: 30%;
}
.footer .wrap .box ul {
 margin: 0;
 padding: 0 0 20px 0;
 list-style: none;
}


@media only screen and (max-width: 599px) {
.footer06 .wrap {
 width: 100%;
 padding: 0 20px;
 box-sizing: border-box;
}
.footer .wrap h5 {
 border: none;
}
.footer .wrap .box {
 width: 100%;
}
.footer .wrap .box ul {
 border-top: 1px #000000 solid;
}
.footer .wrap .box ul li a {
 display: block;
 padding: 5px 15px;
 border-bottom: 1px #000000 solid;
}
}