@charset "UTF-8";

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

/* TradingView のレスポンシブ対応 */
.responsive_block{
/* 	visibility:hidden;
 */
	@media screen and (max-width:640px){
		display:none;
	}
	@media screen and (min-width:700px){
		display:inline;
	}
}


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




/************************************
** パンくずを非表示
***********************************
.single-post #breadcrumb {
	display:none;
}
*/

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

/************************************
** 見出し（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: 20px 0px 10px;
/* 上, 右, 下, 左 のスペース */
  padding:10px 20px 10px 24px;
  font-size:26px;
  position: relative;
  text-shadow: 2px 2px 2px rgba(0, 0, 1, .3);
  background: #dfdfdf;
/*  box-shadow: 1px 1px 2px 5px #dfefef;
  border: groove 1px #fff;  
  color: #082;
  border-color: #dfefdf; 
  background-color: #ffffff; 
  border-radius: 5px;*/
}

.article h3{
  font-size:23px;
  text-shadow: 2px 2px 2px rgba(0, 0, 1, .3);
  border-bottom:5px solid #e7e7e7;
  margin: 0px 10px 0px;
/* 上, 右, 下, 左 のスペース */
  padding:10px 0px 10px 24px;
  position: relative;
/*  background: #d8ffdf;
  box-shadow: 0px 0px 0px 5px #dfefef;
  border: groove 1px blue;
  color: #082;
  border-color: #dfffdf; 
  background-color: #ffffff;*/
  border-radius: 5px;
}

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

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

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




/************************************
**  囲み枠 
************************************/

/* MenuBox */
.menubox {
    padding: 0.5em 1em;
    margin: 2em 0;
    /*font-weight: bold;`/
    color: #6091d3;/*文字色*/
    background: #eef;
    border: solid 1px #88f;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}


/* 1 実線で囲むだけ */
.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 3px #000000;
}
.box1 p {
    margin: 0; 
    padding: 0;
}

/* 2 角丸 */
.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #fff;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}

/**　角丸枠線　*/
.box2b {
  width: 80%;
  padding: 10px 20px;
  margin: 4px 0;
/*  background: #ecffec;*/
  background: #ededed;
/*  border: solid 1px #88bb88;*/
  border-radius: 5px;
}
.box2b p {
    margin: 0; 
    padding: 0;
}



/* 3 背景塗りつぶし */
.box3 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #2c2c2f;
    background: #cde4ff;/*背景色*/
}
.box3 p {
    margin: 0; 
    padding: 0;
}

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



/* 4 上下にだけ線  */
.box4{
    padding: 8px 19px;
    margin: 2em 0;
    color: #2c2c2f;
    background: #cde4ff;
    border-top: solid 5px #5989cf;
    border-bottom: solid 5px #5989cf;
}
.box4 p {
    margin: 0; 
    padding: 0;
}

/* 5 二重線の枠 */
.box5 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}
.box5 p {
    margin: 0; 
    padding: 0;
}

/* 吹き出し */
.box24 {
    position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 0;
    background: #e6f4ff;
    color: #5c98d4;
    font-weight: bold;
}
.box24:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #e6f4ff;
    width: 0;
    height: 0;
}
.box24 p {
    margin: 0; 
    padding: 0;
}

/*
 * 枠の途中にタイトル
 <div class="box26">
    <span class="box-title">ここにタイトル</span>
    <p>ここに文章</p>
</div>

*/
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box26 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;
}


/* 
 * ボックス内にラベル
 
<div class="box28">
    <span class="box-title">ここにタイトル</span>
    <p>ここに文章</p>
</div>
 * */

.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    /*border: solid 2px #FFC107;*/
    border: solid 2px #C040FF;
	border-radius: 10px;/*角の丸み*/
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0px 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    /*background: #FFC107;*/
    background: #C040FF;
    color: #ffffff;
    font-weight: bold;
}
.box28 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;
}

/******/
.widget_popular_ranking .popular-entrys-large-on .wpp-list li a.wpp-post-title {
    color: #fff;
    opacity: 1;
    display: block;
    font-size: 80%;
}
.widget_popular_ranking ul li::before {
    background: none repeat scroll 0 0 #F3FF2B !important;
    color: #000 !important;
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    font-size: 85% !important;
    left: 3px !important;
    top: 3px !important;
    line-height: 1;
    padding: 6px 10px !important;
    position: absolute;
    z-index: 1;
    opacity: 0.9;
    border-radius: 2px;
    font-family: Arial;
    font-weight: bold;
}