@charset "utf-8";

/**************************
カスタマイズCSS
***************************/

/**************************
ポリシーとして子テーマのCSSは全てこのファイルに定義する。
Simplicity2の子テーマとして用意されている「amp.css、editor-style.css、mobile.css、responsive.css」は使用しない。
***************************/





/************************************
** 見出し（H1-6）
************************************/
.article h1.entry-title {
  border-left:5px solid #6cae76;
  /* minaju.biz #fe6d08 */
  /* minaju.net #6cae76 */
  /* minaju.info #5587ed */
  padding:.5em;
  font-size: 22px;
  background-color: #f9f9f9;
  border-bottom: 4px solid #ccc;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, .15);
}

h1#archive-title {
  border-left:5px solid #6cae76;
  /* minaju.biz #fe6d08 */
  /* minaju.net #6cae76 */
  /* minaju.info #5587ed */
  margin-top: 30px;
  padding:.5em;
  font-size: 22px;
  background-color: #f9f9f9;
  border-bottom: 4px solid #ccc;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, .15);
}

.article h2 {
  position: relative;
  border-left: none;
  margin: 20px 0px;
  padding:.25em 1em;
  font-size:20px;
}
.article h2::after {
  position: absolute;
  top: .0em;
  left: .05em;
  content: '';
  width: 6px;
  height: 100%;
  background-color: #6cae76;
  /* minaju.biz #fe6d08 */
  /* minaju.net #6cae76 */
  /* minaju.info #5587ed */
  border-radius: 4px;
}

.article h3{
  padding-left:1em;
  font-size:18px;
  position: relative;
  border: none;
}
.article h3::before,
.article h3::after {
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 6px;
  box-sizing: border-box;
}
.article h3::before {
  top: 0;
  border-top: 3px solid #351c1c;
  border-bottom: 1px solid #351c1c;
}
.article h3::after {
  bottom: 0;
  border-top: 1px solid #351c1c;
  border-bottom: 3px solid #351c1c;
}

.article h4{
  padding-left:1em;
  font-size:16px;
  border-bottom: 3px solid #351c1c;
  background-color:transparent;
}





/************************************
** レイアウト（Layout）
************************************/
#main {
  border: none;
  padding-left:0px;
}





/************************************
** グローバルナビメニュー（menu）
************************************/
#navi{
  border: none;
  background-color: #fff;
}
#navi ul{
  border: none;
  background:none;
  color:#000000;
}
#navi ul > li{
/*
  outline: solid 1px #ddd;
  border-left: 10px solid #fff;
*/
  line-height: 1.8;
  background-color: #fff;
}
#navi ul li a{
  color:#000000;
  text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.5);
  font-weight: bold;
  font-size:18px;
  padding: .6em 1em;
}
#navi ul li a:hover{
  color: #000000;
  text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.5);
  background-color: #fff;
  -webkit-box-shadow: 5px 7px 10px #999;
  -moz-box-shadow: 5px 7px 10px #999;
  box-shadow: 5px 7px 10px #999;
}
#navi ul.sub-menu,
#navi ul.children{
  border: none;
  min-width:220px;
}
#navi .sub-menu li,
#navi .children li{
  padding: .3em 0.5em;
}
#navi ul.sub-menu li a,
#navi ul.children li a{
  font-size:13px;
  padding: .3em 1em;
}





/************************************
** index.phpのリスト
************************************/
.entry-card-content h2{
  position: relative;
  padding: 12px 0px 6px 12px;
  margin-bottom: 10px;
  line-height: 1;
}

.entry-card-content h2::after {
  position: absolute;
  top: .2em;
  left: .05em;
  content: '';
  width: 6px;
  height: 95%;
  background-color: #6cae76;
  /* minaju.biz #fe6d08 */
  /* minaju.net #6cae76 */
  /* minaju.info #5587ed */
  border-radius: 4px;
}

.entry-read{
  margin: 0px 4px 2px 4px;
  text-align: right;
}





/************************************
** 前の記事へ、次の記事へ
************************************/
.navigation{
  margin-left:0px;
  margin-right:0px;
  padding-left:0px;
  padding-right:0px;
}





/************************************
** 関連記事（Relation）
************************************/
.related-entry-read{
  text-align: right;
}





/************************************
** SNSページフォロー
************************************/
ul.snsp li.twitter-page a span{
  background-color:#000000;
}

ul.snsp li.facebook-page a span{
  background-color:#000000;
}

ul.snsp li.google-plus-page a span{
  background-color:#000000;
}

ul.snsp li.instagram-page a span{
  background-color:#000000;
}

ul.snsp li.hatebu-page a span{
  background-color:#000000;
}

ul.snsp li.pinterest-page a span{
  background-color:#000000;
}

ul.snsp li.youtube-page a span{
  background-color:#000000;
}

ul.snsp li.flickr-page a span{
  background-color:#000000;
}

ul.snsp li.feedly-page a span{
  background-color:#000000;
}

ul.snsp li.push7-page a span{
  background-color:#000000;
}

ul.snsp li.line-page a span{
  background-color:#000000;
}

ul.snsp li.rss-page a span{
  background-color:#000000;
}





/************************************
** その他
************************************/
/*** フォント ***/
body {
  font-family:
      Arial, Meiryo, Helvetica, sans-serif;
}



/*** サイドバーウィジェット ***/
h3.widget_title{
  background-color:transparent;
  border-bottom:4px solid #ccc;
  position: relative;
}
h3.widget_title::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #351c1c;
}



/*** 関連記事 ***/
#related-entries h2{
  position: relative;
  padding: .1em .5em .5em 1.7em;
  border-bottom: 2px solid #ccc;
  background-color:transparent;
}
#related-entries h2::after{
  position: absolute;
  top: .4em;
  left: .4em;
  z-index: 2;
  content: '';
  width: 12px;
  height: 12px;
  background-color: #ccc;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}



/*** コンテンツ内容系 ***/
br.clearfix{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
/* 写真フレーム */
.photo_frame{
  float: left;
  margin-right: 1em;
  text-align: center;
  width: 26%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
img.photo{
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  max-height: 150px;
  max-width: 150px;
}
/* メッセージフレーム */
.message_frame{
  float: left;
  text-align: left;
  word-break: break-all;
  width: 70%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* コンテンツ用枠 */
.cont_detail{
  margin:0 1em;
}



/*** その他いろいろ ***/
/* 縦積みのテーブル（thead無しの横２列までの表で有効） */
table.mobile-block { width:100%; }
table.mobile-block th,
table.mobile-block td { border: 1px solid #ccc; display: table-cell; }  
table.mobile-block th { box-shadow: inset 1px 2px 0px #ffffff; }



/* googleMapレスポンシブ　*/
.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}





/************************************
** PC用のレスポンシブデザインスタイル読込
************************************/
@media screen and (max-width:1110px){
  #main {
    padding-left:16px;
  }
}





/************************************
** 解像度639px以下のスタイル
************************************/
@media screen and (max-width:639px){
  .entry-read a,
  .related-entry-read a{
    display:inline;
    width: auto;
    background-color:#fff;
    border:none;
    border-radius:0;
    text-align:center;
    padding:5px;
    text-decoration:underline;
    color:#111;
    margin-top:18px;
 }

  .message_frame{
    clear: both;
    width:100%;
  }

  .photo_frame{
    clear:both;
    margin: 0 auto;
    width:100%;
  }

  table.mobile-block th,
  table.mobile-block td { display: block; }
}

@media screen and (max-width: 500px){
  .entry-card-content h2{
    padding: 0 0 0 8px;
    margin-bottom: 0px;
    line-height: 0.8;
  }

  .entry-card-content h2::after {
    top: .1em;
    left: .05em;
    width: 4px;
    height: 100%;
    border-radius: 2px;
  }
}

@media screen and (max-width:359px){
  .entry-card-content h2{
    clear:both;
  }
  .entry-card-content h2::after {
    top: 0em;
    left: .05em;
  }

  .entry-card .entry-thumb,
  .related-entry .related-entry-thumb {
    padding-left: 33%;
  }
}