@charset "UTF-8";
/* ==========================================================================
   ブロック間隔
   ========================================================================== */
[data-column="col1"][data-main="wide"] #main section {
padding-top: 0;
padding-bottom: 0;
}

/* ==========================================================================
   噴き出し見出し中央
   ========================================================================== */
.example{
  position: relative;
  padding: .5em 1.0em;/*テキスト周りの余白*/
  text-align: center
  color: #ffffff;/*文字色*/
  background-color: #000000;/*背景色*/
}
.example::before{
  position: absolute;
  top: 0;
  right: 15px;
  content: '';
  height: 100%;
  border-right: 20px double #fff;/*線の太さ・形状・色*/
}
/* ==========================================================================
 背景ななめ見出し中央
   ========================================================================== */
.cp_h1title {
  position: relative;
  text-align: center;
  color: #ffffff;/*文字色*/
  background: #000000;
  transform: rotate(-1deg) skew(-1deg);/*傾斜*/
  box-shadow: 0 0px 0px 0 rgba(0,0,0,0.2), 10px 0 0 0 #000000, -10px 0 0 0 #FFEE58;/*はみ出る分*/
}