/*
Theme Name: Twenty Fourteen JI0VWL
Template: twentyfourteen
*/
 
@import url('../twentyfourteen/style.css');

/* pre等幅フォント */
.entry-content pre {
  font: normal 9pt Consolas, Monaco, monospace, "Courier New";
  white-space: pre;
  overflow: auto;
  background-color: #fffffa;
}

/* コンテンツの幅を拡げる 474px->800px */
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
    max-width: 800px;
}
.post-navigation,
.image-navigation {
    max-width: 800px;
}
.archive-header,
.page-header {
    max-width: 800px;
}
.contributor-info {
    margin: 0 auto;
    max-width: 800px;
}
.comments-area {
    max-width: 800px;
}
.site-main .mu_register,
.widecolumn > h2,
.widecolumn > form {
    max-width: 800px;
}


/* タイトルが大文字にならないようにする */
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  text-transform: none;
}
.site-navigation a {
  text-transform: none;
}
.entry-title {
  text-transform: none;
}
.entry-meta {
  text-transform: none;
}
.cat-links {
  text-transform: none;
}
.entry-meta .tag-links a {
  text-transform: none;
}
.entry-content th,
.comment-content th {
  text-transform: none;
}
.entry-content .edit-link {
  text-transform: none;
}
.page-links {
  text-transform: none;
}
.post-navigation .meta-nav {
  text-transform: none;
}
.paging-navigation .page-numbers {
  text-transform: none;
}
.comment-reply-title,
.comments-title {
  text-transform: none;
}
.comment-list .reply,
.comment-metadata {
  text-transform: none;
}
.no-comments {
  text-transform: none;
}
.comment-navigation {
  text-transform: none;
}
.widget .widget-title {
  text-transform: none;
}
.widget_calendar caption {
  text-transform: none;
}
.widget_twentyfourteen_ephemera .post-format-archive-link {
  text-transform: none;
}
.content-sidebar .widget .widget-title {
  text-transform: none;
}
.featured-content .entry-title {
  text-transform: none;
}
.primary-navigation {
  text-transform: none;
}


/* 緑→青に色を変更する */
.rpwe-block a{
   color: #101040;
}
.search-toggle,
.search-toggle.active {
	background-color: #2222ff;
}
.search-box {
	background-color: #2222ff;
}

a {
	color: #2222ff;
	text-decoration: none;
}
::selection {
	background: #2222ff;
}
::-moz-selection {
	background: #2222ff;
}
button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #2222ff;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #2222ff;
}
.paging-navigation .page-numbers.current {
	border-top: 5px solid #2222ff;
}

a:active,
a:hover {
	color: #4444ff;
}
button:hover,
button:focus,
.contributor-posts-link:hover,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #4444ff;
}


input[type="submit"]:focus {
	background-color: #4444ff;
}
.search-toggle:hover,
.search-toggle.active {
	background-color: #4444ff;
}

.search-box {
	background-color: #4444ff;
	padding: 12px;
}


.site-navigation a:hover {
	color: #4444ff;
}
.entry-title a:hover {
	color: #4444ff;
}

.entry-meta a:hover {
	color: #4444ff;
}

.cat-links a:hover {
	color: #4444ff;
}

.entry-meta .tag-links a:hover {
	background-color: #4444ff;
	color: #fff;
}

.entry-meta .tag-links a:hover:before {
	border-right-color: #4444ff;
}

.entry-content .edit-link a:hover {
	color: #4444ff;
}

.page-links a:hover {
	background: #4444ff;
	border: 1px solid #4444ff;
}
.post-navigation a:hover,
.image-navigation a:hover {
	color: #4444ff;
}

.paging-navigation a:hover {
	border-top: 5px solid #4444ff;
	color: #2b2b2b;
}

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
	color: #4444ff;
}

.comment-reply-title small a:hover {
	color: #4444ff;
}
.widget a:hover {
	color: #4444ff;
}


.widget input[type="button"]:hover,
.widget input[type="button"]:focus,
.widget input[type="reset"]:hover,
.widget input[type="reset"]:focus,
.widget input[type="submit"]:hover,
.widget input[type="submit"]:focus {
	background-color: #4444ff;
}


.widget-title a:hover {
	color: #4444ff;
}

.widget_calendar tbody a:hover {
	background-color: #4444ff;
}

.widget_twentyfourteen_ephemera .entry-meta a:hover {
	color: #4444ff;
}
.content-sidebar .widget a:hover {
	color: #4444ff;
}


.content-sidebar .widget input[type="button"]:hover,
.content-sidebar .widget input[type="button"]:focus,
.content-sidebar .widget input[type="reset"]:hover,
.content-sidebar .widget input[type="reset"]:focus,
.content-sidebar .widget input[type="submit"]:hover,
.content-sidebar .widget input[type="submit"]:focus {
	background-color: #4444ff;
}

.content-sidebar .widget .widget-title a:hover {
	color: #4444ff;
}


.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover {
	color: #4444ff;
}

.site-info a:hover {
	color: #4444ff;
}

.featured-content a:hover {
	color: #4444ff;
}

.slider-control-paging a:hover:before {
	background-color: #4444ff;
}

@media screen and (min-width: 783px) {
	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
		background-color: #4444ff;
	}

	.primary-navigation ul ul a:hover,
	.primary-navigation ul ul li.focus > a {
		background-color: #4444ff;
	}
}
@media screen and (min-width: 1008px) {
	.secondary-navigation ul ul a:hover,
	.secondary-navigation ul ul li.focus > a {
		background-color: #4444ff;
	}
}

/* 動画再生ボタン ホバー色変更*/
.hentry .mejs-overlay:hover .mejs-overlay-button,
.widget .mejs-overlay:hover .mejs-overlay-button {
        background-color: #4444ff;
        color: #fff;
}
.hentry .mejs-controls .mejs-button button:hover,
.widget .mejs-controls .mejs-button button:hover {
        color: #4444ff;
}

/* PCのカテゴリー表示 最適化 */
.content-area {
        margin-top: 0;
        padding-top: 24px;
}
.page-header {
        margin-bottom: 0;
        padding-bottom: 32px;
}

.hentry {
        margin: 0 auto 0px;
        max-width: 800px;
}

.list-view .site-content .hentry {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding-top: 24px;
}

.full-width .site-content .has-post-thumbnail .entry-header,
        .full-width .site-content .hentry.has-post-thumbnail:first-child {
        margin-top: -24px;
}

.entry-title {
        font-size: 25px;
        font-weight: 500;
        line-height: 1.0909090909;
        margin-bottom: 5px;
        text-transform: none;
}

.entry-meta {
        margin-top: 7px;
        padding-top: 7px;
}

.entry-summary {
        font-size: 12px;
}

.likebtn-wrapper {
        margin-bottom: 6px;
        padding-bottom: 6px;
}

.lkc-card .lkc-thumbnail {
padding-right: 5px;
}

.darkmode-only {
    display:none;
}




@media (prefers-color-scheme: dark) {
/* ダークモード */

body,div,p {
color:#dddddd;
background:#000000;
}

hr {
border: 1px solid #ffffff;
}

.lkc-external-wrap .lkc-card {
margin: -10px;
padding: 15px;
background:#222222;
}

.lkc-card div {
color:#EEEEEE;
background:#222222;
margin: 0px;
padding: 0px;
}

.lkc-card .lkc-domain {
margin-left: 5px;
}

.lkc-card .lkc-thumbnail {
padding-top: 3px;
margin-bottom: 10px;
}


.lkc-card .lkc-thumbnail-img {
padding-top: 5px;
//margin-bottom: 10px;
}

.lkc-card .lkc-title-text:hover {
        color: #888888;
}

.lkc-card cite {
        color: #aaaaaa;
}

.lkc-card cite:hover {
        //color: #4444ff;
}

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
    background:#000000;
}

.comments-area textarea {
color:#EEEEEE;
background:#444444;
}
.comments-area .comment-form-author input {
color:#EEEEEE;
background:#444444;
}
.comments-area .comment-form-email input {
color:#EEEEEE;
background:#444444;
}
.comments-area .comment-form-url input {
color:#EEEEEE;
background:#444444;
}

.entry-content pre {
  background-color: #222222;
}

.entry-content p {
  color: #cccccc;
}

.site-content a {
   color: #ffffff;
}
.site-content a:hover {
   color: #4444ff;
}
.entry-content table {
  border-collapse: collapse;
}
.entry-content th,td {
border: 1px solid #444444; 
}

.entry-content a {
        color: #8888ff;
}

.entry-content a:hover {
        color: #4444ff;
        text-decoration: none;
}

.entry-content .rpwe-block a{
   color: #ffffff;
}
.entry-content .rpwe-block a:hover{
   color: #8888ff;
}

::selection {
        background: #8888ff;
}
::-moz-selection {
        background: #8888ff;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
        background: #8888ff;
}
.paging-navigation .page-numbers.current {
        border-top: 5px solid #8888ff;
}

.darkmode-only {
    display:block;
    color:#aaaaaa;
}

#siteguard_captcha {
    color: #EEEEEE;
    background: #444444;
}

}