/*
Theme Name: Child24
Template: twentyfourteen
*/

@import url('../twentyfourteen/style.css');




/* ==========================================================================
   追加CSS用カスタマイズ（緑→青）
　ここから
   ========================================================================== */

a {
    color: #3858e9;
}

a:active,
a:hover {
    color: #7484F9;
}

::selection {
    background: #3858e9;
}

::-moz-selection {
    background: #3858e9;
}

/* Buttons */
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: #3858e9;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
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: #7484F9;
}

button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background-color: #7484F9;
}

/* Search in the header */
.search-toggle {
    background-color: #3858e9;
}

.search-toggle:hover,
.search-toggle.active {
    background-color: #7484F9;
}

.search-box {
    background-color: #7484F9;
}

/* Navigation */
.site-navigation a:hover {
    color: #7484F9;
}

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
    color: #7484F9;
}

/* Entry Header */
.entry-title a:hover {
    color: #7484F9;
}

/* Entry Meta */
.entry-meta a:hover {
    color: #7484F9;
}

.cat-links a:hover {
    color: #7484F9;
}

.entry-meta .tag-links a:hover {
    background-color: #7484F9;
}

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

/* Entry Content */
.entry-content .edit-link a:hover {
    color: #7484F9;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current,
.widget .mejs-controls .mejs-time-rail .mejs-time-current {
    background: #3858e9;
}

.hentry .mejs-overlay:hover .mejs-overlay-button,
.widget .mejs-overlay:hover .mejs-overlay-button {
    background-color: #3858e9;
}

.hentry .mejs-controls .mejs-button button:hover,
.widget .mejs-controls .mejs-button button:hover {
    color: #7484F9;
}

.page-links a:hover {
    background: #7484F9;
    border: 1px solid #7484F9;
}

/* Post/Image/Paging Navigation */
.post-navigation a:hover,
.image-navigation a:hover {
    color: #7484F9;
}

.paging-navigation .page-numbers.current {
    border-top: 5px solid #3858e9;
}

.paging-navigation a:hover {
    border-top: 5px solid #7484F9;
}

/* Comments */
.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
    color: #7484F9;
}

.comment-reply-title small a:hover {
    color: #7484F9;
}

/* Widgets */
.widget a:hover {
    color: #7484F9;
}

.widget button,
.widget .button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
    background-color: #3858e9;
}

.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: #7484F9;
}

.widget input[type="button"]:active,
.widget input[type="reset"]:active,
.widget input[type="submit"]:active {
    background-color: #7484F9;
}

.widget-title a:hover {
    color: #7484F9;
}

.widget_calendar tbody a {
    background-color: #3858e9;
}

.widget_calendar tbody a:hover {
    background-color: #7484F9;
}

.widget_twentyfourteen_ephemera .entry-meta a:hover {
    color: #7484F9;
}

/* Content Sidebar Widgets */
.content-sidebar .widget a {
    color: #3858e9;
}

.content-sidebar .widget a:hover {
    color: #7484F9;
}

.content-sidebar .widget input[type="button"],
.content-sidebar .widget input[type="reset"],
.content-sidebar .widget input[type="submit"] {
    background-color: #3858e9;
}

.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: #7484F9;
}

.content-sidebar .widget input[type="button"]:active,
.content-sidebar .widget input[type="reset"]:active,
.content-sidebar .widget input[type="submit"]:active {
    background-color: #7484F9;
}

.content-sidebar .widget .widget-title a:hover {
    color: #7484F9;
}

.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover {
    color: #7484F9;
}

/* Footer */
.site-info a:hover {
    color: #7484F9;
}

/* Featured Content */
.featured-content a:hover {
    color: #7484F9;
}

.slider-control-paging a:hover:before {
    background-color: #7484F9;
}

.slider-control-paging .slider-active:before,
.slider-control-paging .slider-active:hover:before {
    background-color: #3858e9;
}

.slider-direction-nav a:hover {
    background-color: #3858e9;
}

/* Media Queries (PC用レイアウト) */
@media screen and (min-width: 783px) {
    .primary-navigation ul ul {
        background-color: #3858e9;
    }

    .primary-navigation li:hover > a,
    .primary-navigation li.focus > a {
        background-color: #3858e9;
    }

    .primary-navigation ul ul a:hover,
    .primary-navigation ul ul li.focus > a {
        background-color: #7484F9;
    }
}

 
/* 子テーマ用：確実に上書きしたい場合のコード */
.secondary-navigation li:hover > a,
.secondary-navigation li.focus > a {
    background-color: #3858e9 !important;
    color: #fff !important;
}

.secondary-navigation .sub-menu,
.secondary-navigation .children {
    background-color: #3858e9 !important;
}

.secondary-navigation .sub-menu a:hover,
.secondary-navigation .sub-menu li.focus > a {
    background-color: #7484F9 !important;
    color: #fff !important;
}

.secondary-navigation .current_page_item > a,
.secondary-navigation .current-menu-item > a,
.secondary-navigation .sub-menu .current_page_item > a,
.secondary-navigation .sub-menu .current-menu-item > a {
    background-color: transparent !important;
    color: #3858e9 !important;
}


/* ==========================================================================
   追加CSS用カスタマイズ（緑→青）
　ここまで
   ========================================================================== */


/* Twenty Fourteen：記事ページの作成者名だけを非表示にする */
.byline,
.single .entry-meta .vcard {
    display: none !important;
}




/* title css改造分追加改変*/
.subtitle01 {
    border-left: 15px solid #0000c0;
    padding: .6em .8em;
font-weight: bold;
}
 
.subtitle02 {
    border-left: 30px solid #0000c0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: .6em .8em;
}
 
.subtitle02b {
    display: block;
    padding-top: .2em;
    font-size: .8em;
    color: #ccc;
}
 
.subtitle03 {
    border-left: 15px solid #0000c0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: .6em .8em;
}
 

.subtitle04 {
    border-left: 15px solid #000000;
    padding: .6em .8em;
}
 
.subtitle05 {
    border-left: 30px solid #000000;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: .6em .8em;
}





.cssaijiki {
    border-left: 20px solid #99c;
    border-right: 20px solid #99c;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding: .6em .8em;
}
 
.cssaijikititle {
    border-left: 15px solid #99c;
    padding: .6em .8em;
}
 
.csclonicle {
    border-left: 20px solid #b22222;
    border-right: 20px solid #b22222;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding: .6em .8em;
}
 
.csclonicletitle {
    border-left: 15px solid #b22222;
    padding: .6em .8em;
}
 
.categorylist {
    border-left: 20px solid #b22222;
    border-right: 20px solid #b22222;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding: .6em .8em;
}
 
.categorylisttitle {
    border-left: 15px solid #b22222;
    padding: .6em .8em;
}
 
.lexicon-eyecatch {
    float: right;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 10px;
}




/*
fullwidthtemplate
*/

.page-template-page-templatesreal-full-width-php .site {
    width: 100%;
}
 
.page-template-page-templatesreal-full-width-php  .hentry {
    margin: 0 auto 48px;
    max-width: 90%;
}
 
.page-template-page-templatesreal-full-width-php .site-content .entry-header,
.page-template-page-templatesreal-full-width-php .site-content .entry-content,
.page-template-page-templatesreal-full-width-php .site-content .entry-summary,
.page-template-page-templatesreal-full-width-php .site-content .entry-meta,
.page-template-page-templatesreal-full-width-php .page-content {
    margin: 0 auto;
    max-width: 90%;
}
 
.page-template-page-templatesreal-full-width-php .main-content,
.page-template-page-templatesreal-full-width-php .content-area {
    float: left;
    width: 100%;
}
.page-template-page-templatesreal-full-width-php .site-content,
.page-template-page-templatesreal-full-width-php .site-main .widecolumn {
    margin-left: 0;
}
 
.page-template-page-templatesreal-full-width-php .site:before {
    width: 0;
}
 
.page-template-page-templatesreal-full-width-php .site-content {
    margin-left: 0;
    margin-right: 0;
}




/*
single-lbnote
*/

.single-lbnote .site {
    width: 100%;
}
 
.single-lbnote .hentry {
    margin: 0 auto 48px;
    max-width: 90%;
}
 
.single-lbnote .site-content .entry-header,
.single-lbnote .site-content .entry-content,
.single-lbnote .site-content .entry-summary,
.single-lbnote .site-content .entry-meta,
.single-lbnote .page-content {
    margin: 0 auto;
    max-width: 90%;
}
 
.single-lbnote .main-content,
.single-lbnote .content-area {
    float: left;
    width: 100%;
}
.single-lbnote .site-content,
.single-lbnote .site-main .widecolumn {
    margin-left: 0;
}
 
.single-lbnote .site:before {
    width: 0;
}
 
.single-lbnote .site-content {
    margin-left: 0;
    margin-right: 0;
}




/*
single-lbcal
*/

.single-lbcal .site {
    width: 100%;
}
 
.single-lbcal .hentry {
    margin: 0 auto 48px;
    max-width: 90%;
}
 
.single-lbcal .site-content .entry-header,
.single-lbcal .site-content .entry-content,
.single-lbcal .site-content .entry-summary,
.single-lbcal .site-content .entry-meta,
.single-lbcal .page-content {
    margin: 0 auto;
    max-width: 90%;
}
 
.single-lbcal .main-content,
.single-lbcal .content-area {
    float: left;
    width: 100%;
}
.single-lbcal .site-content,
.single-lbcal .site-main .widecolumn {
    margin-left: 0;
}
 
.single-lbcal .site:before {
    width: 0;
}
 
.single-lbcal .site-content {
    margin-left: 0;
    margin-right: 0;
}



/*
single-lbindex
*/

.single-lbindex .site {
    width: 100%;
}
 
.single-lbindex .hentry {
    margin: 0 auto 48px;
    max-width: 90%;
}
 
.single-lbindex .site-content .entry-header,
.single-lbindex .site-content .entry-content,
.single-lbindex .site-content .entry-summary,
.single-lbindex .site-content .entry-meta,
.single-lbindex .page-content {
    margin: 0 auto;
    max-width: 90%;
}
 
.single-lbindex .main-content,
.single-lbindex .content-area {
    float: left;
    width: 100%;
}
.single-lbindex .site-content,
.single-lbindex .site-main .widecolumn {
    margin-left: 0;
}
 
.single-lbindex .site:before {
    width: 0;
}
 
.single-lbindex .site-content {
    margin-left: 0;
    margin-right: 0;
}





/*
bladcramb
*/

div.breadcrumbs {
    margin-left: 48px;
    padding:5px 0 0 10px;
}




/* Hr tag */

hr.style-logbook {
	border-top: 5px double #fff;
	text-align: right;
     margin : 100px 0px 30px 0px ;
}
hr.style-logbook:after {
    content: "LOGBOOK記事｜CONSA DE CONSA";
    display: inline-block;
    position: relative; 
    top: -1.2em;  
    right: 2.2em;  
    font-size: 0.8em;
    padding: 0 0.5em;
    background: white;
}

/* 中央揃え */

.site {
    margin: 0 auto;
}

/* 最近のコメント一覧のCSS mycomments.php用 */

dl.mycomment {
	width:100%;
	margin: 0 auto;
	}
dl.mycomment dt{
	text-align: left;
	clear: left;
	float: left;
	width:40px;
	white-space: nowrap;
 	padding-top: 16px;
	}
dl.mycomment dd{
	margin-left: 0;
	padding: 1px 0 5px 0;
	border-bottom: #C3CDCE 2px dotted;
 	padding-top: 16px;
	}
dl.mycomment dd:last-child{
	border-bottom: #fff 0px dotted;
	}
dl.mycomment dd span.my_author{
	font-weight: 600;
	}
dl.mycomment dd span.my_comments_content{
	font-size:14px;
	}


/* タイトルのアルファベットが自動で大文字表示になるのを停止する */


.entry-title {
	font-size: 33px;
	font-weight: 300;
	line-height: 1.0909090909;
	margin-bottom: 12px;
	margin: 0 0 12px 0;
	text-transform: none;
}


/*
safariブラウザにおけるメニンメニュー表示不具合の解消2
*/

.header-main .search-toggle {
  order: 3;
}
.header-main .site-navigation {
  margin-left: auto;
}



/*
Mobile FlyoutをデスクトップPCで非表示にする
*/
@media (min-width: 686px) {
  .facetwp-flyout-open {
    display: none;
  }
}

/*
facetをモバイルで非表示にする
*/
@media (max-width: 685px) {
  :not(.flyout-item) > .facetwp-facet:not(.facetwp-type-pager) ,
  .facetwp-selections {
    display: none;
  }
}


/* Twenty Fourteen用の「前の投稿・次の投稿」ナビゲーション非表示コード */
.site-main .post-navigation {
    display: none !important;
}


/* Featuredエリアのサムネイル画像を非表示にする */
.featured-content .post-thumbnail img {
    display: none;
}



/* コードブロック全体のスタイル(投稿記事中で、プログラムコード記述する時) */
pre, 
pre code {
    background-color: #1e1e1e; /* 背景色 */
    color: #d4d4d4;            /* 文字色 */
    white-space: pre !important;          /* 自動折り返しを絶対に禁止する */
    word-break: normal !important;        /* 単語の途中での強制改行を無効化 */
}

pre {
    padding: 20px;             /* 内側の余白 */
    border-radius: 8px;        /* 角を少し丸くする */
    overflow-x: auto;          /* 長いコードは横スクロールさせる */
    font-family: 'Consolas', 'Courier New', Courier, monospace; /* コード用フォント */
    font-size: 14px;           /* 読みやすい文字サイズ */
    line-height: 1.6;          /* 行間を広げて見やすく */
    border: 1px solid #3c3c3c; /* 枠線を少し明るいグレーにして引き締める */
}


/* Twenty Fourteen：記事ページの作成者名だけを非表示にする */
.byline,
.single .entry-meta .vcard {
    display: none !important;
}