@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);
    }
}



/* リスト余白 10 */

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


/* テーブル余白 10 */

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

/* テーブル余白 15 */

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

/* テーブル余白 20 */

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

/* テーブル余白 30 */

.tablesp30 td,
.tablesp30 tr {
  padding: 30px;
}



/*リスト下余白*/

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

/*詳細用テーブル*/
table.details {
  border-collapse:collapse;
  margin:0 auto;
	font-size:14px;
}
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;
}

  /* 見出しリセット */
/* 見出し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;
}




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