@charset "UTF-8";

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

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

/* メインの幅を広げる  */
/* 全体の横幅を調整 */
/*計算式: 1070px(デフォルト) + 728px - 680px */
#header-in, #navi-in, #body-in, #footer-in {
	width: 1118px;
}
/* コンテンツエリアの横幅を調整 */
/* 計算式: 740px(デフォルト) + 728px - 680px */
#main {
	width: 788px;
}
/* レスポンシブの横幅を調整 */
@media screen and (max-width: 740px) {
	#main {
		width: auto;
	}
}
/* 1カラムレイアウトの横幅を調整 */
.page-type-wide #main {
	width: 100%;
}




/************************************
** 見出し（H1-6）
************************************/
h1, h2, h3, h4, h5, h6{
  line-height:130%;
  color:#333;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{
  position:relative;
  margin-top:35px;
  margin-bottom:20px;
}
.article h1 {
  margin-top:30px;
  margin-bottom:20px;
  font-size: 30px;
  line-height:117%;
}

#archive-title{
  padding-bottom:20px;
  font-size:26px;
}

.article h2 {
  border-left:1px solid #000;
  margin: 0px 0px 20px;
  padding:10px 24px;
  font-size:26px;
  position: relative;
  text-shadow: 2px 2px 2px rgba(0, 0, 1, .3);
  background: #dfdfdf;
  /*background: #dfefff;
  box-shadow: 1px 1px 2px 5px #dfefff;
  border: groove 1px #fff;  
  color: #02f;
  border-color: #dfdfff; 
  background-color: #efefff; 
  border-radius: 5px;*/
}

.article h3{
  font-size:23px;
  text-shadow: 2px 2px 2px rgba(0, 0, 1, .3);
  border-bottom:5px solid #e7e7e7;
	/* 上, 右, 下, 左 のスペース */
  padding:10px 20px 10px 20px;
  position: relative;
  /*background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: groove 1px blue;
  color: #02f;
  border-color: #dfdfff; 
  background-color: #efefff; */
  border-radius: 5px;
}

.article h4, .article h5, .article h6{
  font-size:20px;
  padding:8px 0;
}

.article  h4{
  border-bottom:5px dashed #eee;
}

.entry-content{
  margin-bottom: 60px;
}

/***************************
 *  アフィリエイト リンクボタン 
 * **************************/
/** アフィリ **/
/* 3b 角丸 細枠 */
.box4b {
    padding: 0.0em 0.0em;
    margin: 0.2em 0;
/*    font-weight: bold;*/
/*    color: #6091d3;文字色*/
    background: #FFF;
/*    border: solid 1px #6091d3;線*/
    border-radius: 10px;/*角の丸み*/
}
.box3b p {
    margin: 0; 
    padding: 0;
}



/* 3b 角丸 細枠 */
.box3b {
/*    padding: 0.5em 1em;*/
    padding: 0.0em 0.0em;
    margin: 0.2em 0;
/*    font-weight: bold;*/
/*    color: #6091d3;文字色*/
    background: #FFF;
    border: solid 1px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box3b p {
    margin: 0; 
    padding: 0;
}

/**　角丸枠線　*/
.box2c {
  width: 80%;
  padding: 1em 1em 1em 1em;
  margin: 4px 0;
/*  background: #eeefff;*/
  background: #ededed;
/*  border: solid 1px #8888aa;*/
  border-radius: 5px;
}
.box2b p {
    margin: 0; 
    padding: 0;
}

/*
 * ラベル上付き
<div class="box27">
    <span class="box-title">ここにタイトル</span>
    <p>ここに文章</p>
</div>
*/

.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
	border-radius: 0px 8px 8px 8px;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}



/** green button */
.gr-btn {
    font-size:12px;
	text-shadow: #040 2px 2px 4px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width:98%;
}
 
.gr-btn a {
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 98%;
    font-weight: bold ;
    box-shadow:2px 2px 2px #aaa;  
    border-radius: 5px;
    background-color:#25ed4e;
    color: #ffffff !important;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}
.gr-btn a:hover {
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);/*下に動く*/
    border-bottom: none;/*線を消す*/
    box-shadow:none;
}
/*** Red Button */
.re-btn {
    font-size:12px;
	text-shadow: #400 2px 2px 4px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 98%;
}
 
.re-btn a {
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 98%;
    font-weight: bold ;
    box-shadow:2px 2px 2px #aaa;  
    border-radius: 5px;
    background-color:#ffce40;
    color: #ffffff !important;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}
 
.re-btn a:hover {
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    border-bottom: none;
    box-shadow:none;
}

/** yellow Button */
.ye-btn {
    font-size:12px;
	text-shadow: #400 2px 2px 4px;
    margin-left: auto;
    margin-right: auto;
    display: block;
/*    width: 300px;*/
    width: 98%;
/*    margin-bottom: 1em;
    margin-bottom: 0.1em;*/
}
 
.ye-btn a {
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 98%;
    font-weight: bold ;
    box-shadow:2px 2px 2px #aaa  ;
    border-radius: 5px;
    background-color:#eef047;
    color: #ffffff !important;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}
 
.ye-btn a:hover {
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);/*下に動く*/
    border-bottom: none;/*線を消す*/
    box-shadow:none;
}