/* カスタム CSS をここに入力してください */
/*h1(first-letter)*/

h1#first-letter {
font-size: 2em;
color: #7172ac;
position: relative;
}

h1#first-letter:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 7px;
background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
}


/*h2(perorisheet)*/


h2#perorisheet{
position: relative;
background: #dfefff;
box-shadow: 0px 0px 0px 5px #dfefff;
border: dashed 2px white;
padding: 0.2em 0.5em;
color: #454545;
}

h2#perorisheet:after{
position: absolute;
content: '';
left: -7px;
top: -7px;
border-width: 0 0 15px 15px;
border-style: solid;
border-color: #fff #fff #a8d4ff;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

/*h3(hukidasi)*/

h3#hukidasi {
  position: relative;
  padding: 0.6em;
  background: #e0edff;
}

h3#hukidasi:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #e0edff;
width: 0;
height: 0;
}




h2#danraku2{
position: relative;
background: #dfefff;
box-shadow: 0px 0px 0px 5px #dfefff;
border: dashed 2px white;
padding: 0.2em 0.5em;
color: #454545;
}

h2#danraku2:after{
position: absolute;
content: '';
left: -7px;
top: -7px;
border-width: 0 0 15px 15px;
border-style: solid;
border-color: #fff #fff #a8d4ff;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

h3#danraku3{
padding: 0.5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}

h4#danraku4{
border-bottom: solid 3px black;
/*線の種類（実線） 太さ 色*/
}

h3#dot {/*下線にドットがはいります*/
color: #6594e0;/*文字色*/
border-bottom: dashed 2px #6594e0;
/*線の種類（点線）2px 線色*/
}

h3#updownline {/*上下に線が入ります*/
color: #364e96;/*文字色*/
padding: 0.5em 0;/*上下の余白*/
border-top: solid 3px #364e96;/*上線*/
border-bottom: solid 3px #364e96;/*下線*/
}

h2#backcolor {/*背景色が入った見出し*/
background: #c2edff;/*背景色*/
padding: 0.5em;/*文字まわり（上下左右）の余白*/
}

h3#kakomu {/*周りを線で囲んだ見出し*/
color: #364e96;/*文字色*/
border: solid 3px #364e96;/*線色*/
padding: 0.5em;/*文字周りの余白*/
border-radius: 0.5em;/*角丸*/
}

/*タグがついたC○　みたいな感じの見出し*/
h4#tag{
color: #505050;/*文字色*/
padding: 0.5em;/*文字周りの余白*/
display: inline-block;/*おまじない*/
line-height: 1.3;/*行高*/
background: #dbebf8;/*背景色*/
vertical-align: middle;/*上下中央*/
border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}

h4#tag:before {
content: '●';
color: white;
margin-right: 8px;
}

h4#leftline{/*左に縦線が入ったバージョン*/
color: #010079;
text-shadow: 0 0 5px white;
border-left: solid 7px #010079;
background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

/* たて向きテーブル */
.post table {
border: none;
}
.wp-table-tate {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 15px;
  table-layout: fixed;
}
.wp-table-tate th {
  background-color: #eee;
}
.wp-table-tate td {
  background-color: #fff;
}
.wp-table-tate td {
  text-align: center;
}
.wp-table-tate th, .wp-table-tate td {
  padding: 7px; 
  border: 1px solid #ddd;
}
.wp-table-tate tr:first-child th {
  border-radius: 6px 0 0 0;
}
.wp-table-tate tr:first-child td {
  border-radius: 0 6px 0 0;
}
.wp-table-tate tr:last-child th {
  border-radius: 0 0 0 6px;
}
.wp-table-tate tr:last-child td {
  border-radius: 0 0 6px 0;
}
/*△縦向きテーブル終了△*/

/* サンプルページ用テーブル */
.wp-table-samplepage {
  width: 70%;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 15px;
  table-layout: fixed;
}
.wp-table-samplepage th {
  background-color: #fff;
}
.wp-table-samplepage td {
  background-color: #fff;
}
.wp-table-samplepage td {
  text-align: center;
}
.wp-table-samplepage th, .wp-table-samplepage td {
  padding: 7px; 
  border-style: solid dashed;
  border-width: 1px;
  border-color: #fb4f14;
}
.wp-table-samplepage tr:first-child th {
  border-radius: 6px 0 0 0;
}
.wp-table-samplepage tr:first-child td {
  border-radius: 0 6px 0 0;
}
.wp-table-samplepage tr:last-child th {
  border-radius: 0 0 0 6px;
}
.wp-table-samplepage tr:last-child td {
  border-radius: 0 0 6px 0;
}
/*△サンプルページ用テーブル終了△*/