@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.entry-content table{
	margin:5px;
	width:98%;
}

h1{
	padding:0px;
	background:none;
}
.article h2 {
    padding: 0;
    background: none;
}

.article h1{
  font-size:32px;
  color: #364e96;/*文字色*/
  padding: 0.5em 0.1em;/*上下の余白*/
  border-top: solid 3px #364e96;/*上線*/
  border-bottom: solid 3px #364e96;/*下線*/
}

.article h2 {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
  margin-bottom:10px;
  margin-top:30px;
}

/*デフォルトのサイトタイトルサイズ*/
.site-name-text{
  font-size: 42px;
  font-weight:bold;
  /* font-family:"HGP創英角ﾎﾟｯﾌﾟ体"; */
}

/*ヘッダーレイアウトがトップメニューのとき*/
.header-container-in.hlt-top-menu .site-name-text{
  font-size: 22px;
  font-weight:bold;
}

/*ヘッダーレイアウトがトップメニュー（小）のとき*/
.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text{
  font-size: 20px;
  font-weight:bold;
}

/* table{
  margin:20px !important;
}
*/

table tr th{
  line-height:140%;
}
table tr td{
  line-height:120%;
}

/* TABLE */
table.tbl01{
  border-collapse:collapse;
  margin:10px;
}
table.tbl01 th{
  border:1px solid #808080;
  background-color:#437198;
  color:#ffffff;
  font-weight:normal;
  text-align:left;
  padding:0px 5px;
  line-height:180%;
}
table.tbl01 td{
  border:1px solid #808080;
  padding:0px 5px;
  line-height:160%;
}
table.tbl01 tr:nth-child(odd){
  background:#e0e0e0;
}
/*
table.tbl01 tr td:nth-of-type(1){
  background-color:#aaaacc;
  color:#ffffff;
  text-align:right;
  padding-right:5px;
}
*/

p.caution:before{
	content: url(https://chokotto-shiryo.com/wp-content/common/caution.gif);
	margin:5px 5px 0px 5px;
	position: relative;
	top:2px;
}

/*** カレンダー ***/
.holiday{
	background:#ffc0c0 !important;
}
div.link{
	text-align:center;
	margin:20px;
}
td.calwaku{
	border:0px;
	background-color:transparent !important;
	vertical-align:top;
}

/* カレンダー用 */
table.calendar tr td:nth-of-type(1){text-align:right;background:#ffe0e0;}
table.calendar tr td:nth-of-type(2){text-align:right;}
table.calendar tr td:nth-of-type(3){text-align:right;}
table.calendar tr td:nth-of-type(4){text-align:right;}
table.calendar tr td:nth-of-type(5){text-align:right;}
table.calendar tr td:nth-of-type(6){text-align:right;}
table.calendar tr td:nth-of-type(7){text-align:right;background:#e0e0ff;}

/* 平日休日日数欄用 */
table.daycount{width:100%;max-width:550px;margin:10px;}
table.daycount tr td:nth-of-type(1) {background-color:#f0f0ff;text-align:center;}
table.daycount tr td:nth-of-type(2) {text-align:center;}
table.daycount tr td:nth-of-type(3) {text-align:center;}
table.daycount tr td:nth-of-type(4) {text-align:center;}
table.daycount tr td:nth-of-type(5) {text-align:center;}

/*端末幅が768px以下のとき*/
@media screen and (max-width: 768px){
  #header .site-name-text{
	  font-size:28px;
	  font-weight:bold;
  }
}

/*端末幅が480px以下のとき*/
@media screen and (max-width: 480px){
  #header .site-name-text{
	  font-size: 22px;
	  font-weight:bold;
  }
}

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