/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■p1_header_001■*/
/*背景画像の設定をする*/
.p1_header_001{
/*  background: url('back.jpg') no-repeat center;*/
/*  background-size: cover;*/
  position: relative;
  z-index: 0;
    /*ブラー効果でボヤけた部分を非表示*/
  overflow: hidden;
    min-height: 320px;
    min-height: 130px;
    
/*    box-shadow: 0px 3px 10px gray;*/
}

/*:beforeにぼかし効果を設定する*/
.p1_header_001:before{
  content: '';
    /*.p1_header_001で設定した背景画像を継承する*/
  background: inherit;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
/*  filter:drop-shadow(50px);*/
/*    filter: sepia(30px);*/
    
    border-style: solid;
    border-width: 90px 100vw 500px 0vw ;
    border-width: 0vw 220vw 100vw 0vw ;
/*    border-width: 0px 100vw 20px 0vw ;*/
    border-color: transparent rgba(255, 244, 199, 0.26) transparent transparent;
    border-color: transparent transparent rgba(74, 68, 43, 0.3) transparent ;
    
  filter:blur(3px);
  position: absolute;
  /*ブラー効果で画像の端がボヤけた分だけ位置を調整*/
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;/*重なり順序を一番下にしておく*/
}
.p1_header_001 p{
    /*
  margin: 200px 30px 0.5rem;
    */
  margin: 5px 15px 0px;
  text-align: center;
  text-align: left;
  font-family: 'Cinzel', serif;
  font-size: 2.0rem;
  font-size: 1.0rem;
    font-weight:bold;
    
/*  font-size: 1.75rem;*/
  color: #fff;
/*  text-shadow: 0 0 10px rgba(0,0,0,.4);*/
  text-shadow:
    1px 1px 5px rgba(31, 31, 31, 0.46),
    -1px 1px 5px rgba(31, 31, 31, 0.46),
    1px -1px 5px rgba(31, 31, 31, 0.46),
    -1px -1px 5px rgba(31, 31, 31, 0.46);
}
.p1_header_001 span{
  margin: 0px 10px 1rem;
  text-align: center;
  text-align: left;
/*  font-family: 'Cinzel', serif;*/
  font-size: 1rem;
  color: #fff;
  text-shadow: 0 0 10px rgba(0,0,0,.4);
}