@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

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

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/************************************************
** ▼日本女性経済の追加css▼
************************************************/
img {
vertical-align: bottom;
margin: 0;
padding: 0;
}

.photo-c {
font-size:11px;
}

.article h2 {
font-size:23px;
}

.sidebar h3 {
font-size:16px;
line-height:1.3em;
padding-top:3px;
padding-bottom:2px;
}

.sidebar {
font-size:13px;
line-height:1.3em;
}

table th, table td {
border:1px solid #999999 !important ;
}

blockquote {
border-color:#999;
}

h2.entry-card-title.card-title.e-card-title{
line-height:1.3em;
}

/*赤のアンダーライン*/
.red-under {
  border-bottom: 2px solid red;
border-bottom-offset: 10px;
}

/*マーカーの黄色のような色*/
.marker {
background-color:#FFC;
}

.marker-red {
background-color:#FEE;
}

.marker-blue {
background-color:#EAFDFF;
}

/*下半分のマーカー色（km）*/
.marker-under {
  background: linear-gradient(transparent 80%, #ff0 60%);
}

.marker-under-red {
  background: linear-gradient(transparent 80%, #ffd0d1 60%);
}

.marker-under-blue {
  background: linear-gradient(transparent 80%, #a8dafb 60%);
}

.blank-box {
  padding: 17px;
}