@charset "UTF-8";

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

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


body {
  font-family:
	  YuGothic,'Hiragino Kaku Gothic ProN',Meiryo, Helvetica, Arial, sans-serif;
  font-size:16px;
  letter-spacing: 0.05em;
  -webkit-text-size-adjust: 100%;
}

.article{
  font-size:16px;
  line-height:170%;
  letter-spacing: 0.05em
}


/* メイン部分の枠を消す */
#main {
    border: none;
}

/* リンク下線を消す */
a {
text-decoration: none;
}

/* リンクhover時に下線 */
a:hover {
text-decoration: underline;
}

/* divで画像の中央寄せ */
.img-c {
  text-align: center;
}

/* もくじテーブル */
.post table {
  width: 100%;
  border: none;
  margin-left: auto;
  margin-right: auto;
}
.mokuji {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0 auto;
  table-layout: fixed;
}
.mokuji th {
  color: #fff;
  background-color: #69b076;
  font-size:16px
}
.mokuji tr:nth-child(even) td { 
  background-color: #effff7;
}
.mokuji td {
  text-align: left;
  font-size:16px
}
.mokuji th, .mokuji td {
  padding: 7px; border: 1px solid #ddd;
}

/* テーブルa 横 */
.post table {
  border: none;
}
.table-a {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 15px;
  table-layout: fixed;
}
.table-a th {
  background-color: #a6c8b2;
}
.table-a tr:nth-child(odd) td { 
  background-color: #e6eae3;
}
.table-a td {
  text-align: center;
}
.table-a th, .table-a td {
  padding: 7px; border: 1px solid #ddd;
}

/* テーブルaauto */
.post table {
  border: none;
}
.table-aauto {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 15px;
  table-layout: auto;
}
.table-aauto th {
  background-color: #a6c8b2;
}
.table-aauto tr:nth-child(odd) td { 
  background-color: #e6eae3;
}
.table-aauto td {
  text-align: center;
}
.table-aauto th, .table-aauto td {
  padding: 7px; border: 1px solid #ddd;
}

/* テーブルb 縦 */
.post table {
  border: none;
}
.table-b {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 15px;
  table-layout: fixed;
}
.table-b th {
  background-color: #a6c8b2;
  text-align: center;
}
.table-b tr {
  text-align: center;
}
.table-b td:nth-child(odd) { 
  background-color: #e6eae3;
  text-align: center;
}
.table-b th, .table-b td {
  padding: 7px; border: 1px solid #ddd;
}


/* 見出しのデザイン */
.article h2 {
	position: relative;
	padding: .5em .75em;
	background-color: #69b076;
	color: #fff;
	border-radius: 6px;
	border-left:none;
}
.article h2::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #69b076;
}
 
.article h3,
#comment-area h3,
#related-entries h3{
	font-size:22px;
	border-bottom: 3px solid #028760;
}
 
.article h4 {
	border-left: 15px solid #badcad;
	border-bottom: 0px;
	padding: 5px 0 5px 10px;
	margin-bottom: 0px;
}

.article h5 {
  color: #000000;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  margin-top: 10px;
  margin-bottom: 0px;
  display: inline-block;
  line-height: 1.3;/*行高*/
  background: #d6ffad;/*背景色*/
  vertical-align: middle;
  border-radius: 20px 5px 5px 20px;/*角を丸く*/
}

.article h5::before {
  content: '●';
  color: white;
  margin-right: 8px;
}


/* タイトル付きボックス */
.box1 {
    position: relative;
	margin: 3em 0;
    padding: 0.5em 0.5em 0 0.5em;
    border: solid 3px #f39800;
	border-radius: 0px 5px 5px 5px;
}
.box1 .box-title {
    position: absolute;
    display: inline-block;
    top: -35px;
    left: -3px;
    padding: 0 9px;
    height: 35px;
    line-height: 37px;
    font-size: 20px;
    background: #f39800;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.box1 p {
    margin: 0; 
    padding: 0.5em 0;
}

/* アプリーチの旧デザイン */
#appreach-box {
  max-width: 500px;
  border: 1px solid #ddd;
  background: #fff;
  padding: 4px 6px;
  border-radius: 4px;
  line-height: 1.4;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .06);
}

#appreach-box br {
  display: none;
}

#appreach-image {
  margin-right: 15px !important;
  margin-bottom: 0 !important;
}

#appreach-appname {
  color: #3a3a3a;
  font-size: 1.35em;
  font-weight: bold;
}

#appreach-developer, #appreach-price, .appreach-powered {
  color: #888;
  font-size: 11px !important;
}

#appreach-box .appreach-links {
  margin-top: 10px;
}

#appreach-itunes-link {
  margin-right: 10px;
}

#appreach-box .appreach-links img:hover {
  opacity: 0.8;
}

/*---------------------------------
固定ページの日付を非表示にする
--------------------------------*/
#post-2 .post-meta,#post-12 .post-meta,#post-584 .post-meta{ 
 display: none; 
} /* ●●には記事IDを入れます */