@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*
.no-sidebar .wrap {
 width: 800px;
}
*/

.blank-box {
font-weight:normal;
}

.button-caption {
display:none;
}
.social-icon {
font-size:2.2em;
}
.sns-share.ss-top.ss-col-6 a {
width: 55px;
height: 50px;
margin-right:10px;
}
@media screen and (max-width: 480px){
.sns-share.ss-top.ss-col-6 a {
width: 46px;
height: 42px;
margin-right:3px;
}}
.sns-share-buttons {
justify-content: flex-start;
}

body {
 -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ 
}
#main {
background-image: url(/wp-content/uploads/2017/12/yellow-vertical-stripes-1596.png);
background-repeat:repeat;
}
span.kaigyo{
display:block;
margin-bottom: 3px;
}
.article ul{
list-style-type:none;
padding:0;
}
.article table ul li{
position:relative;
padding: 0 10px 0 30px;
margin: 7px 0 7px 0px;
line-height: 30px;
font-weight: normal;
background: whitesmoke;
}
.article table ul li:before{
counter-increment: list;
content: "";
display: block;
position: absolute;
left: 10px;
height: 10px;
width: 10px;
border-radius: 50%;
background: #CB8F4E;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.article h1 {
background-color: #16160e;
color: #fff; 
text-align: center; 
padding: 10px;
margin: -36px -29px 0 -29px;
}
.article h2 {
background-color: #2b2b2b;
color: #fff;
padding: 7px 10px;
margin: 20px 0 0 0;
}
table tr:nth-of-type(2n+1) {
background-color: transparent;
}
.article th.number  {
width: 150px;
color: #fff;
background-color: #E60013;
background-image: linear-gradient(transparent 50%, rgba(255,255,255,.1) 50%), linear-gradient(90deg, rgba(255,255,255,.1) 50%, transparent 50%);
background-size: 20px 20px;
}
.article th.guest  {
width: 120px;
color: #fff;
background-color: #E60013;
background-image: linear-gradient(transparent 50%, rgba(255,255,255,.1) 50%), linear-gradient(90deg, rgba(255,255,255,.1) 50%, transparent 50%);
background-size: 20px 20px;
}
.article th.content  {
color: #fff;
background-color: #E60013;
background-image: linear-gradient(transparent 50%, rgba(255,255,255,.1) 50%), linear-gradient(90deg, rgba(255,255,255,.1) 50%, transparent 50%);
background-size: 20px 20px;
}
.article td.content  {
padding:15px;
font-weight: bold;
}
.article th{
border: 1px #595857 solid;
padding: 0px;
}
.article td{
border: 1px #595857 solid;
background-color: #fafbfc;
}
.article th.inside  {
background-color: #01B6D3;
background-image: linear-gradient(transparent 50%, rgba(255,255,255,.1) 50%), linear-gradient(90deg, rgba(255,255,255,.1) 50%, transparent 50%);
background-size: 20px 20px;
width: auto;
}
.article td.inside  {
font-weight: normal;
}
.article td.inside2  {
font-weight: normal;
text-align: center;
}
.article th.inside9  {
width: 110px;
background: #01B6D3;
}
.article th.inside8  {
width: 60px;
background: #01B6D3;
}
.article th.inside7  {
width: 80px;
background: #01B6D3;
}
.article th.inside6  {
width: 40px;
background: #01B6D3;
}
.article th.inside5  {
min-width: 120px;
background: #01B6D3;
}
.article th.inside4  {
width: 100px;
background: #01B6D3;
}
.article th.inside3  {
width: 90px;
background: #01B6D3;
}
.article th.inside2  {
min-width: 150px;
background: #01B6D3;
}
.warning-box {
padding: 10px;
border-radius: 2px;
background: gainsboro;
border: 1px #ccc solid;
font-weight: normal;
margin-bottom: 18px;
}
.article td.number {
font-size: 0.95em;
}
.article td.guest {
font-size: 0.95em;
}
.is-style-warning-box, .warning-box, .sp-warning, .warning {
color: #2b2b2b;
}

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

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

/*820px以下*/
@media screen and (max-width: 820px){
.article h1 {
margin-top: -32px;
margin-left: -16px;
margin-right: -16px;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
.article h1 {
margin-left: -17px;
margin-right: -17px;
}
main.main {
padding-top: -32px !important;
}
.article h2 {
margin: 20px 0 0 0;
}
.article th.inside3  {
width: 70px;
}
.article th, .article td {
font-size: 16px;
}
@media screen and (max-width: 359px){
.article th, .article td {
font-size: 15px;
}}
.article th.guest  {
display: none;
}
.article th.content  {
display: none;
}
.article th.number  {
display: none;
}
.article td.guest2 {
display: none;
}
.article td.number {
display: block;
background-color: #E60013;
background-image: linear-gradient(transparent 50%, rgba(255,255,255,.1) 50%), linear-gradient(90deg, rgba(255,255,255,.1) 50%, transparent 50%);
background-size: 20px 20px;
color: #fff;
font-weight: bold;
margin-top: 10px;
}
.article td.content {
display: block;
border-top: none;
margin-top: 0px;
}
.article td.guest {
display: block;
border-top: none;
padding: 0 10px;
}
.article td.number:before {
content: '放送回：';
font-weight: bold;
padding: 0 5px;
}
.article td.content:before {
content: '内容';
font-weight: bold;
background-color: #039B46;
color: #fff;
margin-bottom: 8px;
display:block;
width: 40px;
border-radius: 2px;
text-align:center;
}
.article td.guest:before {
content: '主なゲスト：';
font-weight: bold;
}
.article td.number span.kaigyo{
display:inline;
margin-right: 8px;
}
.article td.guest span.kaigyo{
display:inline;
margin-right: 8px;
}
.article td.content span.kaigyo{
display:block;
}
.article td.top {
display:block;
}
table.home {
border-collapse: collapse;
border: 1px solid #595857;
}
.article td.y1989 {
display: none;
}
}
@media screen and (min-width:1023px) and (max-width:1135px) {
.article th.year {
font-size: 14px;
}
.article td.y1989 {
font-size: 14px;
}
.article td.top {
font-size: 14px;
}
}