@charset "UTF-8";

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

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

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* フォントカラーを変更する */

.article h1 {
    letter-spacing: 0.2em;/*文字間*/
    border-bottom: solid 3px #993333;/*線の種類（実線） 太さ 色*/
	padding:6px;
}
.article h2 {
    background: none;
　　letter-spacing: 0.1em;/*文字間*/
	background-color:#fff;
	color:#330033;  /*文字の色*/
	border-left:10px solid #993333;  /*見出し左線色・太さ*/
	border-bottom:1px solid #993333; /*見出し下線色・太さ*/
	padding:13px;
	margin-top:20px /*見出しとその直前の文字の距離*/
}
.article h3 {
    letter-spacing: 0.1em;/*文字間*/
    border-right: solid 1px #fff;/*左カラー*/
    border-left: solid 10px #993333;/*左カラー*/
    border-top: solid 1px #993333;/*線の種類（実線） 太さ 色*/
    border-bottom: solid 1px #993333;/*線の種類（実線） 太さ 色*/

}
.article h4 {
    color: #660033;
    padding: .5em .5em;
    margin-top: 40px;
    border-top: 3px solid #ffcc99;
    border-bottom: 3px solid #ffcc99;
}
.article h5 {
    letter-spacing: 0.1em;/*文字間*/
    color: #660033;
    padding: .5em .8em;
    margin-top: 40px;
    border-bottom: 2px solid #ffcc99;
}
.article h {
  letter-spacing: 0.2em;/*文字間*/
  background: #ffffcc;
  box-shadow: 0px 0px 5px 5px #ffff99;
  padding: 0.3em 0.5em;
  color: #330033;
}

table.tarot0  {
   width: 90%;
   table-layout: fixed;
}
.tarot0 td {
     font-size: 120%;
　   color: #663366;
    vertical-align: top;
    text-align: center;
    background: #ffffff;
    border: 1px solid #ffffff;
}
/************************************
** ■サイドバータイトル カスタマイズ
************************************/

/*---------------------------------
カテゴリの行間とフォントを小さくする
--------------------------------*/
.widget_categories ul li a{
	line-height: 90%;
	color: #330033;
  border-bottom: 1px dashed #ffCCff; /* 下線の種類 */
}
.widget_recent_entries ul li a{
	line-height: 80%;
	color: #330033;
}
.new-entry-card-title.widget-entry-card-title.card-title {
    font-size: 80%;
}
.popular-entry-card-title.widget-entry-card-title.card-title {
    font-size: 80%;
}
.pagination-next-link {
  background-color: #fff; /*背景色*/
  color: #330033; /*文字色*/
  border: none; /*ボーダー*/
}
.pagination-next-link:hover { /*マウスホバー時*/
  background-color: #993333;
  box-shadow: 0px 0px 5px 5px #ffffcc;
  color: #ffffcc;
}
.page-numbers {
  background-color: #fff; /*背景色*/
  color: #330033;
  border: 2px solid #993333;
  border-radius: 50%;
}
.pagination .current {
  background-color: #993333;
  color: #ffffcc;
}
.page-numbers.dots {
  opacity: 1;
  background: none;
}
.pagination a:hover {
  background-color: #993333;
  color: #ffffcc;
}
.page-numbers.page-prev-next {
  background-color: #fff; /*背景色*/
  color: #330033;
  border: 2px solid #fff;
}