@charset "UTF-8";

/* article.htmlで<?php wp_head(); ?>を使って記事を呼び出しているため、wpとテーマのスタイルが優勢になっテイル。そのためbodyを新たに.main-bgで覆ってスタイルを当てている */
body {
  background-color: rgb(46, 45, 45);
}
.main-bg {
  max-width: 100%;
}

.wrapper {  
  padding-top: 150px;
  background: url(../img/common/blackbord00.jpg) no-repeat fixed left bottom ;
  background-size: cover;
}

/* article.html */
.content-box-article {
 background-color: var(--white);
  box-shadow: var(--shadow);
  padding: 24px 5% 50px;
  max-width: 800px;
}

/* タイトル */
.title h1 {
  font-size: 2.0rem;
  text-align: center;
  padding: 0 0 24px;
}

/* 画像 */
.content-box-article .img-container {
  width: 100%;
  position: relative;
  margin: 0 auto 50px;
 
  }
  .content-box-article .img-container::before{
  content: "";
  padding-top: 65%;
  display: block;
  }
  .content-box-article .img-container img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* 記事 */



  @media (max-width: 1024px) {
    /* 背景 */
      .wrapper {
        background: none;
        background-color: rgb(46, 45, 45);
       }
    
  
      }