@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
*/

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

.no-dis{
	display:none;
}


.entry-meta {
    margin-bottom: 20px;
}

.entry-card-title.card-title.e-card-title{
	font-size:0.9rem;
}

#main #list a{
	background:#f4f5f7;
	padding:10px;
}

.tapcopy{
	font-weight:bold;
	font-size:0.9rem;
	padding:10px 5px;
	background:#F3F5F7;
}

.reffer_btn-wrap{
	margin-top:50px;
}

.reffer_btn {
  display: inline-block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  line-height: 50px;
  outline: none;
  color: #1B85FB;
  border:1px solid #1B85FB;
  background-color: #fff;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.reffer_btn a{
	text-decoration-line:none;
}
.reffer_btn:hover {
  color: #ffffff !important;
  border:1px solid #1B85FB;
  background-color: #1B85FB;
}



.category-link {
    display: inline-block;
    margin-right: 10px;
    padding: 5px 10px;
    border-radius: 3px;
    text-decoration: none;
    color: #fff; /* カテゴリーリンクのテキスト色 */
    background-color: #007bff; /* カテゴリーリンクの背景色 */
}

.tag-link {
    display: inline-block;
    margin-right: 8px; /* タグ間のスペース */
    padding: 3px 6px; /* タグの内側の余白 */
    border-radius: 3px; /* タグの角を丸く */
    text-decoration: none;
    color: #fff; /* タグリンクのテキスト色 */
    background-color: #28a745; /* タグリンクの背景色 */
    font-size: 0.8em; /* タグのフォントサイズを小さく */
}

.tag-link:hover {
    background-color: #218838; /* ホバー時の背景色 */
}



.certik-quiz{
  margin-bottom:10px;
}
.certik-answer{
  font-weight: bold;
  font-size:1.6rem;
}




/***** common *****/

.red{color:red;}

.bold{font-weight: bold;}

.f-l{font-size:1.2em;}
.f-ll{font-size:1.4em;}
.f-lll{font-size:1.8em;}

.f-s{font-size:0.9em;}
.f-ss{font-size:0.7em;}
.f-sss{font-size:0.5em;}

.t-c{text-align: center;}
.t-l{text-align: left;}
.t-r{text-align: right;}

.t-d-u{text-decoration: underline;}

.lh13{line-height: 1.3rem;}
.lh15{line-height: 1.5rem;}

.sec-mar-t{margin-top: 200px;}

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}
.mt100{margin-top:100px;}
.mt120{margin-top:120px;}
.mt140{margin-top:140px;}

.mb0{margin-bottom:0px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb80{margin-bottom:80px;}
.mb100{margin-bottom:100px;}
.mb120{margin-bottom:120px;}
.mb140{margin-bottom:140px;}
.mb180{margin-bottom:180px;}

.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}


.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.pc-show{display:block;}
.pc-show-inline{display:inline;}
.sp-show{display:none;}
.sp-show-inline{display:none;}


th,td{padding: 10px 10px;}
th{text-align:center; }


.v-a-b{vertical-align: bottom;}

.posi-b{position: relative;bottom:0px;}









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

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

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