@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

.main-bc {
    background-color: #ff6347 !important; 
    margin-top: 1.2em !important; 
    margin-bottom: 1.2em !important;  
    font-size: 1.2em; 
    border-radius: 6px;
}

.btn .raised .accent-bc {
    background-color: #ffb36b;
    color: #4f96f6;
    box-shadow: none;
    text-decoration: underline !important;
    padding: 0px;       
}

.vod td a {
    text-decoration: underline;
}

.sng-box p {
    padding-bottom: 1em;
}

.raised {
    padding: 0.8em 1.3em;
}

.accent-bc::before {
    content: ">>";
}

/*--------------------------------------
  関連記事(横長)
--------------------------------------*/
.linkto {/*全体*/
    position: relative;/*疑似要素の基準に*/
    max-width: 100%;/*最大の横幅*/
}
.linkto:before {/*疑似要素（前）*/
    position: absolute;/*基準を元に*/
    content: "あわせて読みたい";/*挿入する文字*/
    top: 10px;/*上からの位置*/
    left: 133px;/*左からの位置*/
    display: inline-block;/*縦横設定できるように*/
    width: 140px;/*横幅*/
    height: 27px;/*縦幅*/
    text-align: center;/*中央揃え*/
    vertical-align: middle;/*縦の中央揃え*/
    background: #ff525290;/*背景色*/
    font-size: 14px;/*文字の大きさ*/
    line-height: 28px;/*行の高さ*/
    color: white;/*文字色*/
    letter-spacing: 3px;/*文字間隔*/
    padding-left: 3px;/*内側の余白*/
    border-radius: 2px;/*角丸*/
}         
.linkto .tbtext {/*テキスト部分*/
    padding: 30px 0px 0px 20px;/*内側の余白（上右下左）*/
    vertical-align: top;/*上揃えに*/
    font-size: .95em;/*文字の大きさ*/
}

/* ———————–
   親カテゴリにアイコンを設定
———————– */
.widget_categories .cat-item a:before {
content: "\f152";/*使いたいアイコンのコード*/
}
.widget_categories ul li a:before {
color: #ea982c; /*アイコンの色コード*/
font-family:  "Font Awesome 5 Free"; /*バージョン5の人はここを書き換える*/
padding-right: 6px;
}
.widget_archive li a:before {
content: "\f152";/*使いたいアイコンのコード*/
}
.widget_archive ul li a:before {
color: #6bb6ff; /*アイコンの色コード*/
font-family:  "Font Awesome 5 Free"; /*バージョン5の人はここを書き換える*/
padding-right: 6px;
}


.raised:hover,
.raised:focus {
  box-shadow: none;
  text-decoration: none;
  color: gray; 
  -webkit-tap-highlight-color: none;
}