@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Quicksand);

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20151225
*/

/* Simplicity子テーマ用のスタイルを書く */


/* 見出し装飾 */
.article h2 {
    background-color: #57B196;
    border-left: 0 none;
    color: #fff;
    padding: 15px 30px;
}

.article h3,
#comment-area h3,
#related-entries h3{
  font-size:21px;
  border-bottom:5px solid #57B196;
  padding:3px 0;
}

/* サイドバーのタイトルを装飾 */
#sidebar h3 {
　margin-bottom: 10px;
　font-size: 15px;
  border-bottom:1px solid #57B196;
  padding:3px 0;
}



/*記事の日付削除用*/
.post-meta .post-date {
  display: none;
}


.widget-over-breadcrumbs #searchform{
  display: none;
}




/* サイト概要の文字に黒枠をつける */
#site-description{
text-shadow:
 0px -0.3px #000,
 0.3px 0px #000,
 0px 0.3px #000,
 -0.3px  0.3px #000;
}

/* タイトルリンクをヘッダー画像全体に設定する */
#header-in{ 
 width: 100%;
 margin: 0 0; 
} 

#site-title a{
 display: block;
 position:absolute;
 top:0;
 left:0px;
 width:100%;
 height:100%; 
text-indent:-999px;
}

/* スマホハンバーガーメニューを非表示にする */
#mobile-menu a{
    display: none;
}


/*グローバルナビの修飾 */
#navi {
 border-top:1px solid #F3F3F3;
 border-bottom:1px solid #F3F3F3;
}

/*ホバー時の線と文字の色を変更*/
#navi ul li a:hover{
    color: #57B196 !important;
　　　　　　　　background-color:white;
}
#navi ul li a:before{
   background:#57B196 !important;
}
#navi ul,#navi{
 background-color:white;
}


/* サイト概要（キャッチフレーズ）をヘッダー内の下揃えにする方法 */
#site-description{
 position: absolute; bottom: 0; 
} 
/* 横の場所は、left、rightを使う。 また幅をメインの幅と一緒にしたければ、 widthにて設定する。 */


/* 記事間に線を引く */
#main .entry {
 border-bottom: 1px solid #F0F0F0;
 padding-bottom: 15px;
}


/* 関連記事間に線を引く */
#main .related-entry {
 border-bottom: 1px solid #F0F0F0;
 padding-bottom: 10px; 
}

/* WEBフォントを適用する */
body {
 font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
}

/* mainとsidebarの枠線を消す */
#main,#sidebar{
 border:none !important;
}


/* サイドバー人気記事位置調整 */
.pop {
  margin-left:0px !important;  /* 人気記事左の余白を無くす */
  padding-left:0px !important; /* 人気記事左の余白を無くす */
}

.pop a {
text-decoration: none;
color: #000000;
font-size: 13px 
}
 
.pop li{
  list-style-type:none;  /* リストマークを無くす */
  list-style-image:none; /* リストマークを無くす */
  clear: both;  /* 画像の左寄せを解除 */
  margin-left: 0px !important;  /* 左側の余白を無くす */
  padding: 7px 0 7px 0;  /* 改めて余白をちょい足し */
  border-bottom: none !important;  /* 記事下の点線を削除 */
}
  
/* サイドバー人気記事のサムネイルのスタイルを指定 */
.pop img{
  width:100px;  /* 画像の横幅 */
  height:100px; /* 画像の高さ */
  margin-right: 10px;  /* 画像とタイトルの隙間 */
  padding:0px;  /* とりあえず余白は無くす */
  float: left;  /* 画像は左寄せ */
  border-radius: 33px; /* 画像を丸く */
  height: 66px;
  width: 66px;
}
 
 
ul.pop:after {
  content: "";
  display: block;
  clear: both;
}



/* サイドバーのWifi紹介の部分の装飾 */
.wifi {
  margin-left:0px !important;  /* 人気記事左の余白を無くす */
  padding-left:0px !important; /* 人気記事左の余白を無くす */
}

.wifi a {
text-decoration: none;
color: #000000;
font-size: 19px 
}
 
.wifi li{
  list-style-type:none;  /* リストマークを無くす */
  list-style-image:none; /* リストマークを無くす */
  clear: both;  /* 画像の左寄せを解除 */
  margin-left: 0px !important;  /* 左側の余白を無くす */
  padding: 7px 0 7px 0;  /* 改めて余白をちょい足し */
  border-bottom: none !important;  /* 記事下の点線を削除 */
}
  
/* サイドバーのWifi紹介の部分のサムネイルのスタイルを指定 */
.wifi img{
  width:100px;  /* 画像の横幅 */
  height:100px; /* 画像の高さ */
  margin-right: 10px;  /* 画像とタイトルの隙間 */
  padding:0px;  /* とりあえず余白は無くす */
  float: left;  /* 画像は左寄せ */
  border-radius: 50px; /* 画像を丸く */
  height: 100px;
  width: 100px;
}
 
 
ul.wifi:after {
  content: "";
  display: block;
  clear: both;
}

/* スマホメニューの表示と装飾 */
#sm_nav{
    text-align: center;
}
#sm_nav .category{
    background-color: #57B196;
    padding:8px 8px;
    line-height: 230%;
    font-size:90%;
    border-radius: 4px;
}
#sm_nav a{
    color: #FFFFFF;
    text-decoration: none;
    word-wrap: break-word;
    word-break: keep-all;
}