@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){
  /*必要ならばここにコードを書く*/
}


/************************************
** 追加
************************************/

.redbox {
	margin-bottom: 20px;
	padding: 20px;
	background-color: #ffebee;
}
.redbox:not(.noborder) {
	border: solid 1px #ef5350;
}


.h-marker {
    background-color: #FFFF00;
}

.h-bold-red {
    font-weight: bold;
    color: #E50202;
}

.h-marker-under {
    background: linear-gradient(transparent 60%, #ff6 60%);
}

.h-redbox {
	margin-bottom: 20px;
	padding: 20px;
	background-color: #ffebee;
}

.h-redbox:not(.noborder) {
	border: solid 1px #ef5350;
}

.h-yellowbox {
    padding: 20px;
    background-color: #ffffe0;
    margin-bottom: 20px;
}

.h-yellowbox:not(.noborder) {
    border: solid 1px #fffacd;
}

.h-graybox {
    margin-bottom: 20px;
    padding: 20px;
    background-color: #f3f3f3;
}

.h-graybox:not(.noborder) {
    border: solid 1px #ccc;
}

.h-yellowbox, .redbox, .graybox {
    margin-bottom: 20px;
}


.h-rmarker {
    background: #ffcdd2;
    padding: 0 2px;
}

.h-color-line {
    border-bottom: solid 3px #ff6600;
}

.h-mojidai {
    font-size: 1.5em;
}

.h-mojitokudai {
    font-size: 2em;
}

.h-kakomi-bule {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
}

.h-kakomi-gray {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #f3f3f3;
    border-radius: 8px;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
}