コピーペースト用

■第5日目解説「追加CSS」用

body {
    font-size: 15px	;
}

.sectionBox.copySection p:nth-child(2) {
    display: none;
}

p {
    line-height: unset;
}


@media screen and (min-width: 996px) {
#headerTop {
  height: 50px;
}
.headerTop li a, .headerTop li span {
  font-size: x-large;
  font-weight: bold;
  padding: 10px;
}
.col-md-offset-1 {
  margin-left: 0;
}
.col-md-8.mainSection {
  width: 75%;
}

}
.headerTop li a, .headerTop li span::after {content: " 営業時間:平日00:00〜00:00(担当○○)";
    font-size: 14px;
    padding: 5px;
    font-weight: 100;
    text-align: center;
}
@media screen and (max-width: 995px) {
.headerTop li a, .headerTop li span::after {
    display:block;
}
}

h2, .mainSection-title {
    padding: 4px 20px;
    border-top: 4px solid ;
    font-weight:600;
}
h1.entry-title{
    font-weight:600;
}

■第5日目解説「コンタクトフォーム」用


必須お名前 [text* your-name akismet:author watermark"例:山田 太郎"]
必須メールアドレス [email* your-email akismet:author_email watermark"例:×××@×××.com"]
必須郵便番号 [text* zip id:zip watermark"例:123-4567"]
必須都道府県 [text* pref id:pref watermark"例:東京都"]
必須お電話番号 [text* text-17 watermark"例:012-34-5678"]
必須ご相談項目 [radio radio-256 use_label_element "サービス名1" "サービス名2" "サービス名3"]
必須具体的なご相談内容 [textarea* your-message]

[submit class:btn class:btn-success class:btn-lg "送信する"]

第5日目解説「追加CSS」用


.required-contactform7{
  padding: 5px;
  background: #DE8686;
  color: #fff;
  border-radius: 3px;
  margin-right: 8px;
}

@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:30%;
  }
}
     
@media screen and (max-width: 900px){
.table-contactform7{
  display:block;
}     
       
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
}
}