/*
 * 全般
 */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, .css_selector {
        background-color: #FFF;
    }
}

* {
    margin-top: 0;
    padding: 0;
    font-family: "sp-setofont";
    font-size: 14px;
}

body, html {
    width: 100%;
    height: 100%;
}

body {
    background-color: #fff;
    background: #fff;
    word-break: break-all; /* 英単語やURLも強制折り返し */
}
/*
 * "瀬戸フォント-SP v6.20" is lisenced under the SIL Open Font License 1.1
 * by http://setofont.sourceforge.jp/
 */
@font-face {
    font-family: "sp-setofont";
    src: url("fonts/sp-setofont.woff") format('woff');
}

/* リンクポインター */
.linkPointer {
    cursor: pointer;
}
.linkPointer:active {
    color: #bbbbbb;
}
@media only screen and (min-width: 979px) {     
    .linkPointer:hover {
        color: #999999;
    } 
} 

/*
 * メニュー
 */

/* ツールバー */
.navigation-bar__title {
    font-family: "sp-setofont";
    font-size: 13px;
}

/* メニューのリスト */
.menu-list_item {
    min-height: 35px;
    line-height: 35px;
}

/* メニューのアクション */
#menu-list_action {
    position: absolute;
    right: 30px;
    min-height: 35px;
    line-height: 35px;
}

/* 色あいリスト */
#color-list {
    width: 80px;
    line-height: 15px;
    top: 3px;
}

/* ヘルプページのons-list-item */
.help-item {
    /* height 高さ可変にする為、指定しない。 */
    padding: 5px; /* 左右の空きスペース*/
    line-height: 1.5; /* 1以上だと行間が広がってしまう。*/
}

/* ヘルプページのテーブル */
.help-table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    line-height: 1.5;
}

/* メニュー スイッチのレイアウト */
.switch {
    width: 51px;
    height: 25px;
    top: 0px;
}

.switch__toggle {
    top: 0px;
    left: 0px;
    right: 8px;
    bottom: 0px;
}

    .switch__toggle:before {
        left: 2px;
        top: 2px;
        -webkit-border-radius: 14px;
        border-radius: 14px;
        height: 21px;
        width: 21px;
    }

.switch--list-item {
    margin-right: 0px;
}

/* 検索BOX */
.search-input {
    margin: 4px;
    float: left;
    font-size: 12px;
    width: 215px;
    height: 27px;
}

/* ラジオボタン */
.radio-button__checkmark:after {
    border: 4px solid rgba(0,0,0,0.5);
    content: '';
    position: absolute;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 6px;
    left: 5px;
    opacity: 0;
    width: 12px;
    height: 6px;
    background: transparent;
    border-width: 4px;
    border-top: none;
    border-right: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*
 * リスト
 */

/* 通常文字 */
.mediumFont {
    font-size: 16px;
}

/* 最小文字 */
.smallFont {
    font-size: 11px;
}

/* 強調小文字 */
.smallStrong {
    font-size: 12px;
    font-weight: bold;
    color: #983434;
}

/* 少し強調小文字 */
.smallStrongLit {
    font-size: 12px;
}

/* 弱め小文字 */
.smallWeak {
    font-size: 12px;
    color: #666666;
}

/* 各記事のons-list-item */
.item {
    /* height 高さ可変にする為、指定しない。 */
    padding: 5px; /* 左右の空きスペース*/
    line-height: 1; /* 1以上だと行間が広がってしまう。*/
    overflow: hidden; /* はみ出た内容を表示しない。*/
}

.newitem {
    /* height 高さ可変にする為、指定しない。 */
    padding: 5px; /* 左右の空きスペース*/
    line-height: 1; /* 1以上だと行間が広がってしまう。*/
    overflow: hidden; /* はみ出た内容を表示しない。*/
}

/* 各記事のtable */
#item-table {
    width: 100%;
    border-spacing: 0;
    /* 各丸 */
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    /* 影 
    -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
    -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
    box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
    */
}

    /* 各記事セルのスキマ */
    #item-table td {
        padding: 3px 5px;
    }

/* 記事ヘッダセル(文字無し) */
#item-header {
    /* 上左右のみ各丸 */
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /* 濃い背景用のフォント調整 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* サイト名セル */
#item-siteName {
    text-align: right;
}

/* 記事タイトルセル */
#item-feedTitle {
    line-height: 1.3em;
    text-decoration: underline;
    font-weight: bold;
}

/* 記事画像 */
img {
    /* border-radius: 8px;  各丸 */
}

/* 記事内容 */
#item-description {
    max-height: 100px;
    vertical-align: top;
}