/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/
/* 角丸　影（タイトル）4 */
.kakomi-maru4 {
 position: relative;
 margin: 2em auto;
 padding: 1.2em;
 width: 90%;
 border: 2px solid #ff9ece; /* 枠線の太さ・色 */
 color: #555555; /* 文字色 */
 background-color: #fff;
 box-shadow: 2px 2px 1px #c7c7c7;/* 影の色 */
 border-radius: 8px; /* 角の丸み */
}
.title-maru4 {
 position: relative;
 /* スマホではrelativeに変更 */
        right: 0; /* 右側の位置調整 */
        top: 5px; /* 上部に調整 */
 padding: 0 .5em;
 font-weight: bold;
 font-size: 1.1em;
 color: #ff9ece; /* タイトル色 */
 background-color: #fff;
}

/* 黒板風　1 */
.kokuban-s1 {
 position: relative;
 margin: 2em auto;
 padding: 1em;
 width: 90%; /* ボックス幅 */
 background: #000000; /* ボックス背景色 */
 color: #fff; /* 文章色 */
 border: 7px solid #b2771f; /* 枠線 */
 border-radius: 3px; /* 角の丸み */
 box-shadow: 0 0 5px #333;
}
.kokuban-s1::before,
.kokuban-s1::after {
 position: absolute;
 content: '';
 bottom: 0;
} 
.kokuban-s1::before {
 width: 20px;
 right: 10px;
 border: solid 3px #ff42a0; /*チョーク（ピンク） */
 border-radius: 3px 2px 0 2px;
}
.kokuban-s1::after {
 width: 15px; 
 right: 45px;
 border: solid 3px #fff; /*チョーク（白） */
 border-radius: 8px 5px 2px 5px;
}

/* フッターの背景色 */
.siteFooter {
    background-color: #fff0f5;
}

/*ソーシャルボタンの形状 */
.veu_socialSet .sb_icon.sb_facebook a,
.veu_socialSet .sb_icon.sb_twitter a,
.veu_socialSet .sb_icon.sb_x_twitter a,
.veu_socialSet .sb_icon.sb_hatena a,
.veu_socialSet .sb_icon.sb_line a,
.veu_socialSet .sb_icon.sb_pocket a,
.veu_socialSet .sb_icon.sb_copy button {
    background: rgba(255,255,255,.9);
    box-shadow: 0 0 0;
    transition: background .3s;
    border-radius: 20px;
}

.veu_socialSet .sb_icon.sb_facebook a:hover,
.veu_socialSet .sb_icon.sb_twitter a:hover,
.veu_socialSet .sb_icon.sb_x_twitter a:hover,
.veu_socialSet .sb_icon.sb_hatena a:hover,
.veu_socialSet .sb_icon.sb_line a:hover,
.veu_socialSet .sb_icon.sb_pocket a:hover,
.veu_socialSet .sb_icon.sb_copy button:hover {
    color: #fff;
    transform: none;
}

.veu_socialSet .sb_icon.sb_facebook a {
    color: #425dab;
    border: 1px solid #425dab;
}
.veu_socialSet .sb_icon.sb_facebook a:hover {
    background: #425dab;
}

.veu_socialSet .sb_icon.sb_twitter a {
    color: #00abec;
    border: 1px solid #00abec;
}
.veu_socialSet .sb_icon.sb_twitter a:hover {
    background: #00abec;
}

.veu_socialSet .sb_icon.sb_x_twitter a {
    color: #0f1419;
    border: 1px solid #0f1419;
}
.veu_socialSet .sb_icon.sb_x_twitter a:hover {
    background: #0f1419;
}

.veu_socialSet .sb_icon.sb_hatena a {
    color: #007fc5;
    border: 1px solid #007fc5;
}
.veu_socialSet .sb_icon.sb_hatena a:hover {
    background: #007fc5;
}
.veu_socialSet .sb_icon.sb_line a {
    color: #6ebd30;
    border: 1px solid #6ebd30;
}
.veu_socialSet .sb_icon.sb_line a:hover {
    background: #6ebd30;
}

.veu_socialSet .sb_icon.sb_pocket a {
    color: #ea4654;
    border: 1px solid #ea4654;
}
.veu_socialSet .sb_icon.sb_pocket a:hover {
    background: #ea4654;
}

.veu_socialSet .sb_icon.sb_copy button {
    color: #228b22;
    border: 1px solid #228b22;
}
.veu_socialSet .sb_icon.sb_copy button:hover {
    background: #228b22;
}

/* ボタンの並び順 */
li.sb_line { order: 1; }
li.sb_twitter { order: 2; }
li.sb_x_twitter { order: 2; }
li.sb_facebook { order: 3; }
li.sb_pocket { order: 4; }
li.sb_hatena { order: 5; }
li.sb_copy { order: 6; }

/*テーブルのスクロール */
@media screen and (max-width:767px) {
    table{
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
}

/* 投稿本文・固定ページ本文内のリンクだけ赤にする */
.entry-content a:not([class*="button"]):not([class*="btn"]),
.page-content a:not([class*="button"]):not([class*="btn"]) {
  color: red !important;
}

.entry-content a:not([class*="button"]):not([class*="btn"]):hover,
.page-content a:not([class*="button"]):not([class*="btn"]):hover {
  color: darkred !important;
}