@charset "utf-8";
/*
Theme Name:シティライト城東店
Theme URI:https://www.citylight-jototen.jp
Description:
Version:1.0
Author:shimizu
Author URI:https://www.citylight-jototen.jp
*/

/* 共通 ------------------------*/
#blog .conTop .pageTtl { background-color: #15a1ea; }
/*#blog .blog_con { margin: 40px auto; }*/
#blog section { margin: 0 auto 30px; }
#blog article > .inner { margin: 0 auto 80px; }
a { text-decoration:none; }
#ttl ul li a { background-color:#0167c4; }
#main { width:720px; float:left; font-family: "メイリオ", "Meiryo", sans-serif; }
#main.single { margin-bottom:40px; }
aside { width:240px; padding:40px 20px 20px; float:right; font-family: "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif; }
.updated { font-size:24px; }

.post { padding:20px; margin:0 0 34px; border:1px solid #ddd; background-color: #fff; }

.entry-header p { margin:0 0 15px; }
.entry-header i { color:#0167c4; }

.subTitle a { display: block; font-size: 1.15em; font-weight: bold; }
.subTitle a:hover { color: #0167c4; }

  /* 本文再設定 */
  .entry-content h1, .post h2, .post h3, .post h4, .post h5, .post h6{margin:1.5em 0 0.5em; font-weight:bold;}
  .entry-content h1{font-size:180%; margin-top:1em;}
  .entry-content h2{font-size:160%; margin-top:1em;}
  .entry-content h3{font-size:140%;}
  .entry-content h4{font-size:120%;}
  .entry-content h5{font-size:110%;}
  .entry-content h6{font-size:100%;}

  .entry-content p { margin:0 0 1em; line-height:1.6; }
  .entry-content ul { list-style-type:disc; margin:15px 0px 15px 1.5em; }
  .entry-content ol { list-style-type:decimal; margin:15px 0px 15px 1.8em; padding:0; }
  .entry-content a { color:#0167c4; text-decoration:underline; }

  .post blockquote{
    border-left:5px solid #ddd;
    background:#eee;
    padding:10px;
    margin:20px 0;
    font-style:italic;
    }
    .post blockquote p{margin:0;}


.more-link { float:right }
.more-link:hover {  }

.tag { padding:30px 0px 0px 0px; clear:both; }

/* 検索結果 */
.search .post { min-height:110px; margin-bottom:20px; padding: 15px 13px; }
.search .post:before { content:""; }
.search .entry-header p { text-align:left; margin-left:12px; }
.search .entry-header span { margin-left:0; margin-right:1em; }
.search .entry-summary p { margin: 10px 0 0 12px; }

.tagcloud a {
  display:inline-block; padding:4px 10px; margin:2px;
  border:1px solid #15a1ea; border-radius:4px; background:#fff;
}
.tagcloud a:hover { background:#15a1ea; color:#fff; }
/* シングルページ,固定ページ */
.post .author { margin-top:15px; overflow:hidden; }
.post .author img { float:left; }
.post .author p { margin-left:111px; }

.navigation { clear:both; overflow:hidden; }
.navigation span { display:block; }
.navigation a { padding:10px 14px; color: #fff;
  display:inline-block; position:relative; background:#0167c4; }
.navigation a:hover { color: #fff; background:#15a1ea; text-decoration: none; }
.navigation a:after {
  content:'\f054'; position: absolute; top:50%; font-weight: 500; font-size: 16px; font-family:FontAwesome;
  -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
.navigation .prev { float:left; }
.navigation .prev a { padding-left:30px; }
.navigation .prev a:after { content:'\f053'; left:8px; }
.navigation .next { float:right; }
.navigation .next a { padding-right:30px; }
.navigation .next a:after { right:8px; }

.wp-pagenavi { text-align:center; }

/* コメント欄 */
#respond { margin-top:15px; }
#reply-title { font-size:1.2em; font-weight:bold; }
#commentform p{ margin:5px 0px; }
#commentform label { display:inline-block; width:120px; }
#commentform input[type="text"], #commentform textarea { width:475px; padding:4px; border:1px solid #DDD; }
#commentform .form-submit { text-align:center; }
#commentform .form-submit input { padding:5px 10px; }

#comments { padding:15px; text-align:left; background:url(images/bg_comments.png); }
#comments-count { padding:3px 15px; color:#FFF; background:#15a1ea; font-size:1.2em; font-weight:bold; box-shadow:0 0 3px rgba(0,0,0,0.4); }

#comments-list li { margin-top:15px; position:relative; }
#comments-list .children li { margin-left:20px; padding-right:0; padding-bottom:0; border-top:1px dotted #DDD; box-shadow:none; }
  #comments-list .comment-author .fn { font-style:normal; font-weight:bold; font-size:1.2em; }
  #comments-list .avatar { float:left; margin-right:15px; }
  #comments-list .comment-meta { margin-bottom:20px; line-height:1; }
    #comments-list .comment-meta a { color:#666; }
      #comments-list .comment-meta a:hover { color:#999; }
  #comments-list p{ margin:0 0 0.8em 63px; }
  #comments-list .reply { text-align:right; }
    #comments-list .reply a{ padding:3px 10px; background:#6DCBAB; color:#FFF; }
      #comments-list .reply a:hover { background:#53C8D9; }
/* コメント欄end */


/* 投稿画像等設定 */

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
  max-width:100%; height:auto; }

.alignleft,
img.alignleft {
  display:inline; float:left; margin-right:15px; margin-top:4px; }

.alignright,
img.alignright {
  display:inline; float:right; margin-left:15px; margin-top:4px; }

.aligncenter,
img.aligncenter {
  clear:both; display:block; margin-left:auto; margin-right:auto; }

img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom:12px; }

.post div.wp-caption{margin:20px 0;}
  .post div.wp-caption img{ margin:0;}
  .post div.wp-caption p{ font-size:85%;}
.wp-smiley { margin:0; }
#content .attachment img { display:block; margin:0 auto; }
/* 投稿画像等設定end */

/* シングルページ,固定ページend */


/* side------------------------
/* ウィジェット */
.widget-title {
  padding:13px 5px 6px; line-height:1.2; font-weight:bold; border-bottom: 2px solid #15a1ea; position: relative;
}
.widget-title + label { display:none; }
.widget > ul { margin:10px 0; font-size:0.9em; }
.widget > ul > li { margin-bottom:10px; }
.widget > ul > li > a{
  display:block; padding:0 0 7px 22px; color:#111;
  border-bottom:1px dotted #aaa; position:relative;
}
.widget > ul > li:last-child{ padding-bottom:10px; }

.widget li a:before { font-family:FontAwesome; position:absolute; top:0; left:3px; color:#15a1ea }
.widget_archive li a:before         { content: "\f073"; }
.widget_categories > ul > li > a:before { content: "\f115"; }
.widget_recent_comments li:before   { content: "\f075"; }
.widget_recent_entries li a:before  { content: "\f017"; }
.widget_meta li a:before            { content: "\f192"; }
.widget.popular-posts  li a:before  { content: "\f017"; }
.widget .children { margin:10px 0 0 13px; }
.widget .children a { padding-left:12px; }
.widget .children a:before { content: "\f0da";}


/* アーカイブ年月 */
#archives2-2 li span { font-weight:bold; }
#archives2-2 li ul { margin:0; display: -webkit-flex; display:flex; }
#archives2-2 li ul li { width:16.666%; margin:0; }
#archives2-2 li ul li a { padding-left:0; font-size:.9em; }
/*
#archives2-2 li ul li a {
  display:inline-block; padding: 5px;
  font-size: 0.85em; text-align: center;
  color: #fff; background-color:#006d2c; border-radius: 5px;
  }
*/
/* 検索フォーム */
#searchform { margin:0 0px 20px 0px; position:relative; }
#searchform > * { box-sizing:border-box; }
#search label { display: none; }
aside #s { width:78%; height:32px; margin: 0; padding:0 8px; line-height:30px; border:1px solid #15a1ea; border-radius: 5px 0 0 5px !important; }
#searchsubmit {
  position:absolute; top:0; right:0;
  margin:0; width:22%; height:32px; padding: 5px; font-size: 16px; cursor:pointer;
  font-family:FontAwesome; color:#FFF; background:#15a1ea; border:none;  border-radius: 0 5px 5px 0 !important; }

/* wp-pagenavi ------------------------*/
.wp-pagenavi { margin:60px auto 40px; }
.wp-pagenavi a, .wp-pagenavi span { display: inline-block; padding: 5px 8px !important; background: #15a1ea; color: #fff; border: none !important; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { color: #fff; border: none !important; background: #15a1ea; }


/*----------------------------------------------------
タブレット
-----------------------------------------------------*/
@media screen and (max-width: 959px) {

  /*　ブログ　blog
=============================================================== */
#blog #main, #blog aside { width:auto; float:none; }
#blog aside { display:block; padding: 30px 10px 20px; background:#eee; }
#blog #search { width:80%; margin:0 auto; }
#blog .updated { font-size:18px; }

.entry-header .sec_tit { font-size:140%; }
.entry-header p { font-size:90%; }
.post { margin-bottom: 21px; padding:14px; }
.navigation span { width:100%; margin:10px 0; text-align:center; }
.navigation a { display:block; }
}