@charset "UTF-8";

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

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



/** 広告のCLS 改善
 * 目的：アンカー広告のレイアウトシフトを改善するためのCSS
 * */

.ad-auto .ad-wrap, .ad-area .ad-wrap{
    min-height:280px;
}
@media screen and (max-width: 480px){
    .ad-auto .ad-wrap, .ad-area .ad-wrap{
        min-height:calc(83vw);
    }
}


/* パソコンで見たときは"pc"のclassがついた広告・画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた広告・画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}


/* ボタン - 前・次 */

button#prev {
    padding: 10px 20px;
    font-size: 1em;
    background-color: #ff9900;
    color: #fff;
    border-style: none;
	border-radius: 10px;
}

button#next {
    padding: 10px 20px;
    font-size: 1em;
    background-color: #ff9900;
    color: #fff;
    border-style: none;
	border-radius: 10px;
}


/* ボタン - 今月のカレンダー */

.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}







/* テーブル余白 10 */

.tablesp10 td,
.tablesp15 th,
.tablesp10 tr {
  padding: 10px;
}

/* テーブル余白 15 */

.tablesp15 td,
.tablesp15 th,
.tablesp15 tr {
  padding: 15px;
}

/* テーブル余白 20 */

.tablesp20 td,
.tablesp15 th,
.tablesp20 tr {
  padding: 20px;
}

/* テーブル余白 30 */

.tablesp20 td,
.tablesp15 th,
.tablesp20 tr {
  padding: 30px;
}


/*詳細用テーブル*/
table.details {
  border-collapse:collapse;
  margin:0 auto;
	font-size:18px;
}
table.details th{
  color:#999999;
}
table.details td{
  border-bottom:2px dotted #999;
	border-left:none;
	border-right:none;
}
table.details th,tr:last-child td{
  border-bottom:2px dotted #999;
}
table.details td,th{
  padding:10px;
}

 /*----- AdSense広告フォント -----*/
.ad-label {
font-size: 0.7em;
color: #888;
}


/*開運カレンダー用*/


td.week {
text-align:center;
vertical-align:middle;
width:14%;
font-size:18px;
color:#696969;
background-color:#dcdcdc;
}

td.day {
text-align:center;
border-top:solid 1px #e0e0e0;
border-right:solid 1px #e0e0e0;
font-size:22px;
vertical-align:top;
padding:1px 0px 0px 1px;
}

span.rokuyo {
font-size:16px;
color:#696969;
line-height:120%;
display:block;
margin:3px 0px 0px 0px;
}

span.taian {
font-size:16px;
font-weight:bold;
color:#ffffff;
background-color:#ff0033;
line-height:120%;
display:block;
margin:3px 0px 0px 0px;
padding:2px 0px 2px 1px;
}

span.tensya {
font-size:16px;
font-weight:bold;
color:#ffffff;
background-color:#ffa500;
line-height:120%;
display:block;
margin:3px 0px 0px 0px;
padding:2px 0px 2px 1px;
}

span.ichiryu {
font-size:16px;
font-weight:bold;
color:#ffffff;
background-color:#ff69b4;
line-height:120%;
display:block;
margin:3px 0px 0px 0px;
padding:2px 0px 2px 1px;
}

span.tora {
font-size:16px;
font-weight:bold;
color:#ffffff;
background-color:#ffd700;
line-height:120%;
display:block;
margin:3px 0px 0px 0px;
padding:2px 0px 2px 1px;
}

span.tsuchi {
font-size:16px;
font-weight:bold;
color:#ffffff;
background-color:#3cb371;
line-height:120%;
display:block;
margin:3px 0px 0px 0px;
padding:2px 0px 2px 1px;
}

span.kyou1 {
font-size:16px;
font-weight:bold;
color:#ffffff;
background-color:#696969;
line-height:120%;
display:block;
margin:3px 0px 0px 0px;
padding:2px 0px 2px 1px;
}

span.kyou2 {
font-size:16px;
font-weight:bold;
color:#ffffff;
background-color:#b0c4de;
line-height:120%;
display:block;
margin:3px 0px 0px 0px;
padding:2px 0px 2px 1px;
}

span.kyou3 {
font-size:16px;
font-weight:bold;
color:#ffffff;
background-color:#4682b4;
line-height:120%;
display:block;
margin:3px 0px 0px 0px;
padding:2px 0px 2px 1px;
}

span.kyou4 {
font-size:16px;
font-weight:bold;
color:#ffffff;
background-color:#5f9ea0;
line-height:120%;
display:block;
margin:3px 0px 0px 0px;
padding:2px 0px 2px 1px;
}

.dai-kichi {
font-size:18px;
color:#ff1493;
font-weight: bold;
}

.kichi {
font-size:18px;
color:#ff8c00;
font-weight: bold;
}

.dai-kyou {
font-size:18px;
color:#0000cd;
font-weight: bold;
}


.kyou {
font-size:18px;
color:#556b2f;
font-weight: bold;
}
.date-lc {
font-size:22px;
font-weight: bold;
}
.ptb10 {
padding-top: 10px;
padding-bottom: 30px;
}


/* リスト余白 20 */

ul.m-bottom li {
margin-bottom: 20px;
}
ol.m-bottom li {
margin-bottom: 20px;
}

/* リスト余白 30 */

ul.mm-bottom li {
margin-bottom: 30px;
}
ol.mm-bottom li {
margin-bottom: 30px;
}

/* リスト余白 40 */

ul.mmm-bottom li {
margin-bottom: 40px;
}
ol.mmm-bottom li {
margin-bottom: 40px;
}





/*見出しリセット*/

/*見出し初期化*/
.article h2,
.article h3,
.article h4,
.article h5,
.article h6
{
padding: 0;
margin: 0;
background:none;
border-collapse: separate;
border-spacing: 0;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
line-height: normal;
position:relative;
}

/*見出し設定*/

.article h2 {
  padding: 0.4em 0 0.4em 0;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background-color: #ffffff;
  border-bottom: solid 7px #f2d722;/*（実線 太さ 色）*/
  font-size: 20px;
  margin-bottom: 40px;
}

.article h3 {
  padding: 0.4em 0 0.4em 0;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background-color: #ffffff;
  border-bottom: solid 5px #f2d722;/*（実線 太さ 色）*/
  font-size: 20px;
  margin-bottom: 40px;
}

.article h4  {
     position: relative;
	  padding: 0.4em 0 0.4em 0;/*文字周りの余白*/
  padding: 0.5em;/*文字周りの余白*/
	padding-left: 20px;
     font-size: 20px;
}
 
.article h4::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 10px;
     height: 10px;
     background-color: #f2d722;
}

.article h5 {
  padding: 0.5em 0em 0.5em 1.0em;/*文字周りの余白*/
  /*線の種類（点線）2px 線色*/
  border-bottom: solid 2px #6594e0;
  margin-bottom: 30px;
  font-size: 20px;
}

.article h6 {
  padding: 0.5em 0em 0.5em 1.0em;/*文字周りの余白*/
  /*線の種類（点線）2px 線色*/
  border-bottom: solid 2px #6594e0;
}

  /* 見出しリセット */
/* 見出し1 */
.article h1{
background: none;
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
padding: 0;
font-weight: bold;
}

/* -------見出しカスタマイズ------- */
/* 見出し1 黒 */
.article h1 {
  font-size: 26px !important;/*文字のサイズ*/
  background: #1f1f1f;/*背景色*/
  padding-top: 3em;
  padding-right: 1.5em;
  padding-bottom: 3em;
  padding-left: 1.5em;/*余白*/
  color: #FFF;
  margin-bottom: 15px;
  border-top: none;
  border-bottom: none;
}
/************************************
** カウントテーブル
************************************/
div.tables {
			counter-reset: ranking;
		}

		table.basic tbody th:before {
			counter-increment: ranking;
			content: counter(ranking);
		}

		table.basic { border: 2px solid #cccccc; border-collapse: collapse; }
		table.basic thead th { border-width: 1px 1px 3px 1px; border-style: solid dotted double dotted; border-color: #cccccc; background-color: #F5F5F5; padding: 0.3em; }
		table.basic tbody th, table.basic tbody td { border-width: 1px; border-style: solid dotted; border-color: #cccccc; padding: 0.3em; }

		table.basic tbody tr td:nth-of-type(3) { color: black; }
		table.basic tbody tr:nth-child(2n) { background-color: #f5f5f5; }
		table.basic tbody tr:hover { background-color: #ffff80; }


 /*----- AdSense広告フォント -----*/
.ad-label {
font-size: 0.7em;
color: #888;
}


/*--------------------------------
文章を縦書き（右から左）
---------------------------------*/
.tategakirtol {
width: 100%;
height: 500px;
writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
-webkit-writing-mode:vertical-lr;
}

/*---------------------------------
縦線無しテーブル
--------------------------------*/

table.brwsr {
border: none;
border-top: solid 1px #333;
border-collapse: separate;
border-spacing: 0 10px;
}

table.brwsr td {
padding: 25px;
margin: 0px;
border: none;
font-size: 16px;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
border-bottom: solid 1px #333;


/* テーブル枠線なし */

.delline td,
.delline tr {
  border: none;
  padding: 15px;
}

/* テーブル余白 10 */

.tablesp10 td,
.tablesp10 tr {
  padding: 10px;
}

/* テーブル余白 15 */

.tablesp15 td,
.tablesp15 tr {
  padding: 15px;
}

/* テーブル余白 20 */

.tablesp20 td,
.tablesp20 tr {
  padding: 20px;
}




/*ルビ関連*/

.no-ruby rt:before{
	content: '（';
}
.no-ruby rt:after{
	content: '）';
}
.no-ruby rp{
	display:none;
}
rt {
    text-align: center; /* 文字列のセンタリング */
    font-size: 75%; /* フォントサイズを一回り大きく：元の文字の75%の大きさに */
    color: #a67a21; /* 文字色指定 */
}

 /*----- AdSense広告フォント -----*/
.ad-label {
font-size: 0.7em;
color: #888;
}




/* リストタグを修正 */
.article li {
  margin: 0 0 7px;
  line-height: 2;
  position: relative;
  padding-left: 10px;



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}