@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* 
* ヘッダーロゴ左寄せ
*/

.header-in .tagline {
text-align:left;
	padding-left: 50px;
}
.header-in .logo {
text-align: left;
	padding-left: 10px ;
	
}
/************************************
** フッター(footer)
************************************/

#footer{}

  
/* フッターメニューカスタマイズ */
#foot-in {
  padding-bottom:0px;
}
#menu-info{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  list-style-type: none!important;
}
#menu-info li{font-size: 15px;
  position: relative;
}

#menu-info li a{
  color: #fff;
  
  margin-right:10px;
}
#menu-info li a:hover{
  color: #E00000;
}

/************************************
** リストマーク
************************************/
.post ul,ol:{
	
	padding-bottom:0;margin:0}
.post ul,
.post ol{
	padding:0 0 0 10px}
.post ol{counter-reset:li}.post ol > li{list-style:none;position:relative;padding-left:3rem;line-height:2.2rem}
.post ol > li:before{counter-increment:li;content:counter(li);background:#1e73be;color:#fff;border-radius:20%;text-align:center;width:1.5rem;height:1.5rem;position:absolute;left:0;top:.5rem;line-height:1.5rem;font-family:'Arial',sans-serif}



/************************************
** リストマーク　番号無し
************************************/
.post ul { font-weight: 700;
   list-style-position: inside;
    
	list-style: none;
	list-style-image: url(https://fxbible.biz/wp-content/uploads/2022/02/check300.png);
padding-left :35px;
       border-radius:5px;
	
}
.post ul li { 
    line-height:1.6;
	
    padding:6px 10px;
    margin:5px 0px;
	
	
}
 .post ul li:not(:last-child){
    border-bottom:1px dashed #5AA0D6;
    margin-bottom:0;
	 
}.post ul li:before{
  
	 
}
/************************************
** 固定ページリストマーク
************************************/

.entry-content　ul { font-weight: 700;
   list-style-position: inside;
    
	list-style: none;
	list-style-image: url(https://fxbible.biz/wp-content/uploads/2022/02/check300.png);
padding-left :35px;
       border-radius:5px;
	
}
.entry-content ul li { 
    line-height:1.6;
	
    padding:6px 10px;
    margin:5px 0px;
	
	
}
 .entry-content ul li:not(:last-child){
    border-bottom:1px dashed #5AA0D6;
    margin-bottom:0;
	 
}.entry-content ul li:before{
  
	 
}

/************************************
** view
************************************/
.pt-cv-readmore {color: #fff !important; background-color: #0b62e5 !important;}
.pt-cv-view a:hover{color:orange!important;}



/************************************
** アコーヂィオン
************************************/

.cp_linetab{position:relative;overflow:hidden;width:350px;margin:0 3px;color:#fff;float:left}
.cp_linetab input{position:absolute;z-index:-1;opacity:0}
.cp_linetab label{font-weight:700;line-height:3;position:relative;display:block;padding:0 0 0 1em;cursor:pointer;margin:0 0 1px;background:#5f9ea0;border-radius:5px}
.cp_linetab .cp_linetab-content{overflow:hidden;max-height:0;-webkit-transition:max-height .5s;transition:max-height .5s;color:#333;background:#eaeaea}
.cp_linetab .cp_linetab-content p{margin:1em;font-size:14px}
.cp_linetab p{margin-bottom:0}.cp_linetab input:checked ~ .cp_linetab-content{max-height:20em}
.cp_linetab label:after{color:#fff;font-family:"FontAwesome";content:" \f078";position:absolute;top:0;right:0;width:2em;height:3em}.cp_linetab input:checked ~ label::after{color:#fff;font-family:"FontAwesome";content:" \f077"}


/************************************
** トグル表示ボタン
************************************/

.acbox{width:auto;font-size:0;margin:0 10px}
.acbox label{width:auto;font-size:16px;font-weight:700;text-align:center;background:#8BC34A;position:relative;display:block;padding:8px;border-radius:4px;cursor:pointer;color:#fff}
.acbox label:hover{background:#8BC34A}.acbox input{display:none}.acbox label:after{color:#fff;content:"▼";position:absolute;top:50%;right:15px;margin-top:-14px}
.acbox input:checked ~ label::after{content:"▲"}.acbox div{height:0;overflow:hidden;opacity:0;transition:.15s}
.acbox input:checked ~ div{height:auto;padding:18px;border-radius:0;background:#F3F4F5;opacity:1}.acbox input:checked ~ label{background:#8BC34A}.acbox-under{font-size:15px;color:#555}

/************************************
** 囲み枠
************************************/
.blackboard-box{
  background: #104300;
  margin: 1em 0;
  padding: 1em;
  border: 8px solid #a60;
  box-shadow: 2px 2px 4px #999, 2px 2px 2px #020 inset;
}

.blackboard-box p{
  margin: 0;
  padding: 0;
  color: #fff;
  text-shadow: 0 0 2px #fff;
}
.boxmido{padding:20px;padding-bottom:8px;margin:10px;font-weight:700;background:#FFF;border:solid 3px #006400;border-radius:10px}

.boxmido p{margin:0;padding:0}

.boxnuriao{padding:20px;margin:10px;background:#d6ebff;box-shadow:0 0 0 10px #d6ebff;border:dashed 2px #fff}

.boxnuriao p{margin:0;padding:0}

.boxmekuri{position:relative;background:#fff0cd;box-shadow:0 0 0 5px #fff0cd;border:dashed 2px #fff;padding:.2em .5em;color:#454545}

.boxmekuri:after{position:absolute;content:'';right:-7px;top:-7px;border-width:0 15px 15px 0;border-style:solid;border-color:#ffdb88 #fff;box-shadow:-1px 1px 1px rgba(0,0,0,0.15)}

.boxmekuri p{margin:0;padding:0}

.boxuesita{margin-bottom:10px;
	
	padding:9px 18px;margin:5em 5;color:#2c2c2f;border-top:solid 5px #008b8b;border-bottom:solid 5px #008b8b;}

.boxuesita p{margin:0;padding:0}

.boxpo{position:relative;padding:20px;margin:10px;border:solid 3px #dc143c}

.boxpo .box-title{position:absolute;display:inline-block;top:-27px;left:-3px;padding:0 9px;height:25px;line-height:25px;font-size:17px;background:#dc143c;color:#fff;font-weight:700;border-radius:5px 5px 0 0}

.boxpo p{margin:0;padding:0}

.boxw{padding:20px;margin:10px;border:double 5px #4ec4d3

}

.boxw50{padding:20px;margin:10px;border:double 5px #4ec4d3;
	width: 320px;}

.boxw p{margin:0;padding:0}

.boxw1{width:330px;position:relative;margin:2em 0;padding:1.5em 2em;border:double 5px #4ec4d3;border-radius:8px}

.boxw1 .box-title{position:absolute;display:inline-block;top:-13px;left:10px;padding:0 9px;line-height:1;font-size:19px;background:#FFF;color:#008b8b;font-weight:700}.boxw1 p{margin:0;padding:0}

.boxwaka{padding:20px;margin:10px;border:double 7px #dc143c}

.boxwaka p{margin:0;padding:0}.boxwmido{padding:20px;margin:10px;border:double 7px #006400}

.boxwmido p{margin:0;padding:0}

.boxwki{padding:20px;margin:10px;border:double 7px #ff952b}

.boxwki p{margin:0;padding:0}

.boxbad{padding:20px;margin:10px;background:-webkit-repeating-linear-gradient(-45deg,#f0f8ff,#f0f8ff 3px,#fceded 3px,#fceded 7px);background:repeating-linear-gradient(-45deg,#f0f8ff,#f0f8ff 3px,#fceded 3px,#fceded 7px)}

.boxbad p{margin:0;padding:0}

.boxmaru{padding:20px;margin:10px;background:#f4fced;box-shadow:0 0 0 10px #f4fced;border:dashed 2px #fff
margin-bottom:20px;
}

.boxmaru p{margin:0;padding:0}

.btn-flat-border{display:inline-block;padding:.3em 1em;text-decoration:none;color:#00f;border:solid 2px #67c5ff;border-radius:3px;transition:.4s}

.btn-flat-border:hover{background:#67c5ff;color:#fff}

.boxri { 
  color: #fff;
  background: #339966;
  -webkit-box-shadow: 5px 5px 0 #000;
  box-shadow: 5px 5px 0 #000;
	border-left: #000;
    padding: 0.5em 1em;
    margin: 1em 0;
	text-shadow: 2px 2px 2px #000, -2px 2px 2px #333, 2px -2px 2px #333, -2px -2px 2px #333
}.boxri p {
    margin: 10px; 
    padding: 10px;
}


/************************************
** 記事を隠すトグル
************************************/
/*全体*/
.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
	 
}

/*ボタン装飾*/
.hidden_box label {display:inline-block;width:100%;text-align:center;background-color:#0b62e5;font-size:16px;color:#FFF;
	text-decoration:none;font-weight:700;padding:8px 16px;border:1px dashed #FFF;box-shadow:0 0 0 5px #0b62e5
	
}

/*ボタンホバー時*/
.hidden_box label:hover {
    color:orange;border-style:solid
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}