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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*Hタグ-カスタマイズ*/
.article h1 {
	color: #fff;
	font-size: 24px;
  padding: 10px 20px;
  background-color: #001236;
  border-radius: 2px;
}
.article h2 {
 	color: #333;
	background-color: #fff;
  padding: .5em .75em;
  border-left: 6px solid;
  border-bottom: 1px solid;
}
.article h3 {
	border:none;
  border-left: 6px solid;
}
/*リスト-カスタマイズ　犬足跡*/
.list-1{
  list-style: none;
  padding:0;
  margin:0;
}
.list-1 li { 
  border-bottom:2px dashed;
  border-color:#cdcdcd; /* 線の色 */
  position: relative;
  margin:0.5em 0 !important;
/*  max-width:500px;  横幅 */
  padding: 0 0 0.5em 1.4em;
}
.list-1 li:last-child{ 
  border:none;
}
.list-1 li:before {
  font-family: "Font Awesome 5 free";
  content: "\f1b0"; /*アイコン*/
  color:  #ffa952; /* 点の色 */
  position: absolute;
	left: 0px;
  font-weight: bold;
}
/*ボタンの後ろの矢印*/
.btn::after {
  font-family: "Font Awesome 5 free";
  content: "\f105";
  position: absolute;
  right: 0px;
  font-size: 20px;
  font-weight: bold;
}

/* 必須マーク */
.smf-form .must {
	background: #f00;
}
/* 任意マーク */
.smf-form .optional {
	background: #999;
}
.smf-form .must,
.smf-form .optional {
	color: #FFF;
	border-radius: 3px;
	font-size: 10px;
	margin-left: 10px;
	padding: 5px 10px;
	letter-spacing: 2px;
}


/* reCAPTCHA v3　位置調整 */
.grecaptcha-badge{
    margin-bottom: 10px; /* 任意の数値 */
}


@media screen and (min-width: 768px) {

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

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

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