@charset "UTF-8";

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

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


table {
	margin: 20px auto;
}

.tbl-r02 th {
	background: #ffcc33;
	border: solid 1px #ff6600;
	color: #000;
	padding: 10px;
}

.tbl-r02 td {
	background: #fff;
	border: solid 1px #ff6600;
	padding: 10px;
}

/***************/
/*2020.10.9追加*/
/***************/
.MyTable2 {
    border-collapse: collapse;  /* セルの線を重ねる */
}

.MyTable2 th,td {
    padding: 5px 10px;          /* 余白指定 */
}

.MyTable2 th {
    background-color: #2196F3;  /* 背景色指定 */
    color:  #fff;               /* 文字色指定 */
    font-weight:  normal;       /* 文字の太さ指定 */
    position:  relative;        /* 位置指定 */
    z-index: 10;                /* 重なり調整 */
}

.MyTable2 td {
    background-color:  #c0c9ff; /* 背景色指定 */
    padding-left: 25px;         /* 余白指定 */
}
 
.MyTable2 th::after {
    content:'';                 /* 空の要素を作る */
    position:  absolute;        /* 位置指定 */
    height: 24px;               /* 高さ指定 */
    width: 24px;                /* 幅指定 */
    background-color: #2196F3;  /* 背景色指定 */
    transform:  rotate(45deg);  /* 要素を回転 */
    top: center;					/* 位置指定 */
	right: -12px;               /* 位置指定 */
    z-index:  -1;               /* 重なり調整 */
}
 
.MyTable2 tr {
    border-bottom:  solid #fff; /* 線指定 */
}

/***************/
/*2021.1.13追加*/
/***************/
.video-container {				/*YouTubeの動画を埋め込んだ際に中央配置*/
margin: 0px auto;
}

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

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

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

.last td:last-child {
	border-bottom: solid 1px #ff6600;
	width: 100%;
}

.tbl-r02 {
	width: 100%;
}

.tbl-r02 th,
.tbl-r02 td {
	border-bottom: none;
	display: block;
	width: 100%;
}

}


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