/* カスタム CSS をここに入力してください */


/*サイトタイトルの文字色を変更*/
.site-title a {
color: #f00;
}


/*サイトタイトルの文字の大きさを変更*/
.site-title a {
  font-size: 100%
    text-align: center;
}

/* ペラページの枠を消す */

.salesletter .nobanner .main {
margin-top: 50px;
}

.salesletter .frame, .hentry, .main > .widget {
margin-bottom: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}

.salesletter .entry-content {
padding: 0;
}

/* 見出しタグの背景に色をつける */

.entry-content > h1 {
background: #F8F8FF;
padding: 1em;
}

.entry-content > h2 {
background: #ffffff;
}

.entry-content > h3 {
background: #ffffff;
padding: 1em;
}

.entry-content > h4 {
background: #ffffff;
}

.entry-content > h5 {
background: #ffffff;
padding: 1em;
}

.entry-content > h6 {
background: #ffffff;
padding: 1em;
}


.entry-title {
text-align: center;
}


/* サイトタイトルとディスクリプションを中央揃えにする */
body .site-title,
body .site-description {
text-align: center;
}


html { overflow: auto; }
body { overflow: hidden; }

.salesletter-head{
margin-left: -100%;
margin-right: -100%;
padding-left: 100%;
padding-right: 100%;
}

/*画像に文字を重ねる*/
 
.box {
    position: relative;
}
.text {
    position: absolute;
   bottom: 5px;
   color: #fff;
    background: rgba(0,0,0,.6);
    width: 100%;
    max-width: 1300px;
    padding: 1em 0;
  　　
  
}

.text p {
     margin: 0;
    padding: 0 0.8em;
    font-size: 200%;
    text-align: center;
}

/*hタグに文字を重ねる*/

.hai {
    position: relative;
}
.kei {
    position: absolute;
   bottom: 0px;
   color: #fff;
    background: rgba(0,0,50,.6);
    width: 100%;
    max-width: 2000px;
    padding: 1em 0;
  　　
  
}

.kei p {
     margin: 0;
    padding: 0 0.8em;
    font-size: 200%;
    text-align: center;
}
/*プレミアムコース画像に文字を重ねる*/
.pure {
    position: relative;
}
.mia {
    position: absolute;
   bottom: 70px;
   color: #ffd700;
    background: rgba(0,0,0,.6);
    width: 100%;
    max-width: 1300px;
    padding: 1em 0;
  　　
  
}

.mia p {
     margin: 0;
    padding: 0 0.8em;
    font-size: 200%;
    text-align: center;
　　font-family: Impact,Charcoal;
  　font-style: oblique; 
}


/*hタグに文字を重ねる*/

.neel1 {
    position: relative;
}
.neel2 {
    position: absolute;
   bottom: 0px;
   color: #fff;
    background: rgba(0,0,50,.6);
    width: 100%;
    max-width: 2000px;
    padding: 1em 0;
  　　
  
}

.neel2 p {
     margin: 0;
    padding: 0 0.8em;
    font-size: 100%;
    text-align: center;
}

/*hタグに文字を重ねる*/

.neel3 {
    position: relative;
}
.neel4 {
    position: absolute;
   bottom: 0px;
   color: #fff;
    background: rgba(0,0,50,.6);
    width: 100%;
    max-width: 2000px;
    padding: 1em 0;
  　　
  
}

.neel4 p {
     margin: 0;
    padding: 0 0.8em;
    font-size: 100%;
    text-align: center;
}