/*ボックス*/
.box15 { 
	margin: 0 0 2em; 
	padding: 1em 0 0; 
	background: #ffeaea; 
	border: dashed 2px #ffc3c3;
	box-shadow: 0px 0px 0px 10px #ffeaea; 
	border-radius: 8px; 
}
.box15 p { 
	margin: 0;
	padding: 0 1em 1em;
	color: #565656;
}

/*写真と文字の行間変更*/
.cps-post-main img {
margin-bottom: 3px;
}

/*下の無駄な余白*/
.sita img {
  margin-bottom: 0;
}

/*引用タグ装飾色変更*/
.cps-post-main blockquote {
background:#ffffff;
}

/**アドセンス界王拳**/
.proflink a{
	display:block;
	text-align:center;
	padding:7px 10px;
	background:#aaa;/*カラーは変更*/
	width:50%;
	margin:0 auto;
	margin-top:20px;
	border-radius:20px;
	border:3px double #fff;
	font-size:0.65rem;
	color:#fff;
}
.proflink a:hover{
		opacity:0.75;
}


.heading.pager-prev-next span.page-prev-next {
    padding: 0.5em 1em;
    margin: 2em 0;
    border:solid 3px #5b8bd0;
		text-align: center;
		margin-top: 10px;
		margin-right: 5%;
		margin-bottom: 10px;
		margin-left: 5%;
		color: #000000;
		background: #f0f7ff;
		font-weight:bold;
}
.heading.pager-prev-next span.page-prev-next p {
   margin: 0; 
    padding: 0;
	
}

/**サイドバーカスタム**/
.accordion {
        background-color: #eee;
        color: #000000;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        transition: 0.4s;
        text-align: center;
	       margin: -10px;
    }
    .accordion:after {
        content: '\002B';
        font-weight: bold;
        float: right;
        margin-left: 5px;
    }

    .active:after {
    content: "\2212";
			
    }

    .panel {
        padding: 0 18px;
        background-color: white;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
			
    }
    .side-accordion{
        text-align: center;
			
    }
    .monday{
        background-color: #fff338;
    }
    .tuesday{
        background-color: #00b0ec;
    }
    .wendesday{
        background-color: #a9cf52;
    }
    .thursday{
        background-color: #f6ad3a;
    }
    .friday{
        background-color: #87abda;
    }
    .saturday{
        background-color: #f39c76;
    }
    .sunday{
        background-color: #88c997;
    }
    .panel{
        text-align: left;
			
    }
    .panel a{
        text-decoration-line: none;
			
    }
    .panel a:hover{
        font-weight: bold;
			
    }
    .side-accordion h2{
        font-size: 14pt;
        margin-top: -20px;
        margin-bottom: 20px;
        font-weight: bold;
			
    }
    .sound-order{
        margin-top: 0px;
    }
    .sound-order .title{
        border-style: none;
        border-color: #a9cf52;
        border-width: 3px;
        text-align: center;
        font-size: 14pt;
        font-weight: bold;
    }
    .content {
        display: flex;
        justify-content: space-around;
    }
    .content div{
        border-style: solid;
        border-color: #a9cf52;
        border-width: 3px;
    }
    .sound-order table{
        width: 100%;
        margin-top:-40px;
    }
    .sound-order table tr td{
        text-align: center;
        border-style: solid;
        border-color: white;
			    background-color: #FFFFFF;
        border-width: 15px;
    }
    .sound-order table tr td p{
        text-align: center;
        border-style: solid;
        border-color: rgb(38, 115, 163);
        border-width: 5px;
        color:  rgb(38, 115, 163);
        border-radius: 5px;
    }
    .genre{
        margin-top: 20px;
    }
    .genre .title{
        border-style: none;
        border-color: #a9cf52;
        border-width: 3px;
        text-align: center;
        font-size: 14pt;
        font-weight: bold;
    }
    .genre table{
        margin-top: -60px;
        width: 100%;
    }
    .genre table tr{
        text-align: center;
    }
    .genre table tr td p{
        text-align: center;
        border-style: solid;
        border-color:  #a32a26;
        border-width: 5px;
        color: #a32a26;
        border-radius: 5px;
    }
    .genre table tr td{
        text-align: center;
        border-style: solid;
        border-color: white;
			    background-color: #FFFFFF;
        border-width: 5px;
    }
    .broadcast-year{
        margin-top: 20px; 
    }
    .broadcast-year .title{
        border-style: none;
        border-color: #eee;
        border-width: 3px;
        text-align: center;
        font-size: 14pt;
        font-weight: bold;
    }
    .broadcast-year table{
        margin-top: -500px;
        width: 100%;
    }
    .broadcast-year table tr td{
        text-align: center;
        padding: 15px 0;
    }
    .broadcast-year table tr td a:hover{
        color: red;
    }
    .years-order{
        margin-top: -30px;
    }
    .years-order .title{
        border-style: none;
        border-color: #a9cf52;
        border-width: 3px;
        text-align: center;
        font-size: 14pt;
        font-weight: bold;
    }
    .years-order table{
        margin-top: -100px;
        width: 100%;
    }
    .years-order table tr{
        text-align: center;
    }
    .years-order table tr td p{
        text-align: center;
        border-style: solid;
        border-color:  #a32a26;
        border-width: 5px;
        color: #a32a26;
        border-radius: 5px;
    }
    .years-order table tr td{
        text-align: center;
        border-style: solid;
        border-color: white;
			    background-color: #FFFFFF;
        border-width: 5px;
    }
    .broadcast-year2{
        margin-top: 20px;
    }
    .broadcast-year2 .title{
        border-style: none;
        border-color: #a9cf52;
        border-width: 3px;
        text-align: center;
        font-size: 14pt;
        font-weight: bold;
    }
    .broadcast-year2 table{
        margin-top: -20px;
        width: 100%;
    }
    .broadcast-year2 table tr{
        text-align: center;
    }
    .broadcast-year2 table tr td p{
        text-align: center;
        border-style: solid;
        border-color:  #a32a26;
        border-width: 5px;
        color: #a32a26;
        border-radius: 5px;
    }
    .broadcast-year2 table tr td{
        text-align: center;
        border-style: solid;
        border-color: white;
			    background-color: #FFFFFF;
        border-width: 5px;
    }


/*テーブルの横スクロールのためのCSSはここから*/
table{ 
width:100%;
}
.scroll{
overflow: auto;
white-space:nowrap;
}
.scroll::-webkit-scrollbar{
height: 15px;
}
.scroll::-webkit-scrollbar-track{
background: #f1f1f1;
}
.scroll::-webkit-scrollbar-thumb{
background: #bbb;
}
 /*テーブルの横スクロールのためのCSSはここまで*/


/************************************
** 横長テーブル
************************************/
.p-sticky-table{
	overflow: auto;
  white-space: nowrap;
  line-height:1.6;
}
.p-sticky-table table{
  border:none;
  border: 1px solid #dedede;
  border-bottom: none;
  border-collapse: collapse;
  word-break: break-all;
  table-layout: fixed;
  display:block;
  /*overflow:scroll;*/
  max-height: 80vh;
}
.p-sticky-table thead th:first-child {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
}
.p-sticky-table thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  /*text-align:center;*/
}
.p-sticky-table tbody th:first-child{
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
  border:none;
  white-space: normal;
  min-width: 130px;
}
.p-sticky-table th, .p-sticky-table td {
  min-width: 50px;
  text-align: left;
  font-size: 16px !important;
  position: relative;
  /*padding: 13px !important;*/
  color: #333;
  border: none !important;
  z-index: 0;
  vertical-align:middle !important;
  background:#fff;
}
.p-sticky-table th{
  background:#f0f9ff !important;
  letter-spacing: 0px;
  font-weight: 500 !important;
  color: #555 !important;
}
.p-sticky-table tr{
  border-bottom:none !important;
}
.p-sticky-table img{
  /*margin: 10px;*/
  display: block;
  /*padding: 0;*/
  max-width: 100% !important;
}
.p-sticky-table table th::before, .p-sticky-table table td::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  z-index: -1;
}
/* スマホ */
@media screen and (max-width: 560px) {
  .p-sticky-table table {
    max-height: 60vh;
    }
  .p-sticky-table thead th:first-child, .p-sticky-table tbody th:first-child {
        min-width: 30vw;
    }
   .p-sticky-table th, .p-sticky-table td {
        font-size: 12px !important;
        /*padding: 7px !important;*/
    }
}
/* 中央寄せ */
.pst-center td {
  text-align: center;
}

/* イエローストライプ */
.pst-yellow thead th, .pst-yellow tbody th {
  background: #fff0bc !important;
}
.pst-yellow tr:nth-child(odd) td {
  background: #fff;
}
.pst-yellow tr:nth-child(even) td {
  background: #fffbed;
}
.pst-yellow table th::before {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.box15 { 
	margin: 0 0 2em; 
	padding: 1em 0 0; 
	background: #ffeaea; 
	border: dashed 2px #ffc3c3;
	box-shadow: 0px 0px 0px 10px #ffeaea; 
	border-radius: 8px; 
}
.box15 p { 
	margin: 0;
	padding: 0 1em 1em;
	color: #565656;
}

/* プロフィールのカスタマイズ */
/* 画像丸枠の装飾 */
.my-profile-thumb{
border: solid 3px #12cdd1;
}
/* プロフィールのカスタマイズ */
/* 枠をステッチ風に */
.my-profile{
border: 2px dashed #12cdd1;
}

/*ウィジェット設定*/
.top-page-under-globalmenu-widget > .wpp-list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.wpp-pop-in {
  margin: 8px;
}
.top-page-under-globalmenu-widget .wpp-thumbnail {
  display: block;
  float: none;
  height: auto;
  margin: 0;
  width: 100%;
}
.wpp-pop-content {
  margin-top: 8px;
}
@media screen and (min-width: 1110px) {
  .top-page-under-globalmenu-widget {
    margin: 24px 0;
  }
  .wpp-pop {
    flex: 0 1 20%;
  }
}
@media screen and (max-width: 1110px) {
  .top-page-under-globalmenu-widget {
    margin: 0 0 24px;
  }
  .top-page-under-globalmenu-widget > .wpp-list {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (min-width: 600px) and (max-width: 1110px) {
  .wpp-pop {
    flex: 1 0 40%;
  }
}
@media screen and (max-width: 600px) {
  .wpp-pop {
    flex: 1 0 72%;
  }
}

/*-----------------------------------------------
フッターメニューを固定する
-----------------------------------------------*/

@media only screen and (max-width: 767px) {
#container{
    padding-bottom:50px;/*フッターの高さだけコンテンツを上げる*/
}
#fixed_footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color:#e88737;/*メニューの背景色*/
    z-index:99;
}
#fixed_footer .fa {
    font-size:50px;/*アイコンフォントのサイズ*/
}
#fixed_footer ul {
    margin:5px 0;
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
}
#fixed_footer ul li {
    display: table-cell;
    vertical-align: middle;
    font-size:10px;/*文字サイズ*/
    margin:auto;
}
#fixed_footer ul li a{
    color:#fff;/*文字色*/
    text-decoration:none;
}
#page-top{
    display:none;/*デフォルトのトップへ戻るボタンを消す*/
}
}



/*--------------------------------
モーダルウィンドウ
---------------------------------*/
.modal-window {
-webkit-transform: translate(0, 100%);
-moz-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
opacity: 0;
line-height: 1.3;
display: none\9;
}
.modal-window:target {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.is-active.modal-window {
display: block\9;
}
.modal-window:target {
display: block\9;
}
.modal-window .modal-inner {
position: absolute;
top: 100px;
left: 0;
z-index: 20;
padding:5%;
margin:0 auto;
width: 100%;
overflow-x: hidden;
border-radius: 6px;
background: #fff;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
}
.modal-window .modal-close {
display: block;
text-indent: -100px;
overflow: hidden;
}
.modal-window .modal-close:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: #333;
-moz-opacity: 0.7;
opacity: 0.7;
}
.modal-window .modal-close:after {
content: '\00d7';
position: absolute;
top: 100px;
right:0;
z-index: 20;
margin:0 auto;
background: #fff;
border-radius: 6px;
padding: 2px 8px;
text-decoration: none;
text-indent: 0;
}
.modal-window {
-webkit-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
/*--------------------------------
SNSの部分
---------------------------------*/

.modal-inner ul {
list-style:none;
}
.modal-inner li {
float:left;
width: 29%;
margin:2%;
}
.modal-inner li a {
font-size:150%;
position:relative;
display:block;
padding:10px;
color:#fff;
border-radius:6px;
text-align:center;
text-decoration: none;
text-shadow:1px 1px 0 rgba(255,255,255,0.3);
}
.modal-inner li a:hover {
-webkit-transform: translate3d(0px, 5px, 1px);
-moz-transform: translate3d(0px, 5px, 1px);
transform: translate3d(0px, 5px, 1px);
box-shadow:none;
}
/* ツイッター */
.modal-inner .twitter a {
background:#00acee;
box-shadow:0 5px 0 #0092ca;
color:#fff;
}
.modal-inner  .twitter a:hover {
background:#0092ca;
}
/* Facebook */
.modal-inner .facebook a {
background:#3b5998;
box-shadow:0 5px 0 #2c4373;
}
.modal-inner .facebook a:hover {
background:#2c4373;
}
/* グーグル */
.modal-inner .googleplus a {
background:#db4a39;
box-shadow:0 5px 0 #ad3a2d;
}
.modal-inner  .googleplus a:hover {
background:#ad3a2d;
}
/* はてぶ */
.modal-inner  .hatebu a {
background:#5d8ac1;
box-shadow:0 5px 0 #43638b;
}
.modal-inner .hatebu a:hover {
background:#43638b;
}
/* Font Awesome hatena bookmark */
.fa-hatena:before {
content: "B!";
font-family: Verdana;
font-weight: bold
}
/* LINE */
.modal-inner .line a {
background:#25af00;
box-shadow:0 5px 0 #219900;
}
.modal-inner .line a:hover {
background:#219900;
}
.modal-inner .line a span{
color:#25af00;
    display: inline-block;
    position: absolute;
    bottom: 22px;
    left: 0;
    width: 100%;
    font-size: 8px;}
/* Pocket */
.modal-inner  .pocket a {
background:#f03e51;
box-shadow:0 5px 0 #c0392b;
}
.modal-inner  .pocket a:hover {
background:#c0392b;
}

/*--------------------------------
メニューの部分
---------------------------------*/
.mod li{
  float:none;
  display:block;
  width:100%;}
.mod li a {
  text-align: left;  /* メニューを左寄せ */
  font-weight: bold;  /* メニューを太字に */
  background: #e88737;  /* メニューの背景色 */
  margin: 2%;
font-size: 14px;  /* メニュー文字サイズ */
}


/*画像の余白排除*/
img {
vertical-align: bottom;
margin: 0;
padding: 0;
}

/*ブログカードのタイトルをリンク色に変更*/
.blog-card-title {
		color: #327bb7;
		text-decoration: underline;
	}
/*ブログカードの説明文を消す*/
.blog-card-excerpt{
		display:none;
}
/*ブログカードの枠を消す*/
.blog-card-hl-box{
  display:none;
}
.blog-card{
  border:none;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
  background:#fff;
  padding:0 !important;
  margin:1rem 0 !important;
  flex-basis:48%;
}

/*オープンクローズボタン*/
.rtoc_open_close{
  padding:40px;
}
.rtoc_close{
  padding:10px;
}

/*サイトロゴ*/
#site-info span a img{
 height:auto !important; /* ロゴ高さ */
 width:auto !important;
}

/*広告の横スクロール*/
div.ads-scroll{
overflow-x:auto;
}

/************************************
   横スクロール テーブルその２
************************************/
.top-sticky_table {
	display: block;
	position: relative;
	overflow: scroll;
	border-collapse: collapse;
	font-size: 0;
	border-top:none !important;
	border-right:none !important;
	border-bottom:none !important;
	border-left:none !important;
	padding-bottom:20px;
}
.top-sticky_table tbody {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.top-sticky_table th,
.top-sticky_table td {
	background: #fff;
	font-size: 13px;
	border-top:2px solid #EDEDED !important;
	border-right:none !important;
	border-bottom:2px solid #EDEDED !important;
	border-left:none !important;
	color:#28281e !important;
	display:table-cell !important;
	padding:20px 10px !important;
	vertical-align:middle !important;
}
.top-sticky_table th{
	position:relative;
	width:85px;
	font-size:11px;
	text-align:center;
	z-index:9999;
}
.top-sticky_table th::before{
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-left:2px solid #EDEDED;
}
.top-sticky_table th::after{
	position:absolute;
	content:"";
	top:0;
	right:0;
	width:100%;
	height:100%;
	border-right:2px solid #EDEDED;
}
.top-sticky_table th img{
	display:block;
	width:100px;
	padding:10px;
	margin:0 auto;
}
.top-sticky_table th span{
	display:block;
	width:100%;
}
.top-sticky_table td {
	border-right:2px solid #EDEDED !important;
}
.top-sticky_table th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
	border-left: none !important;
}
.top-sticky_table ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	list-style:none !important;
	padding-left:0 !important;
	font-size:1em;
	margin:0;
	padding:0;
}
.top-sticky_table ul li{
}
.top-sticky_table ul li{
	display:block;
	width:160px;
	text-align:center;
	margin:0;
	margin-right:10px;
	padding:0;
}
.top-sticky_table ul li img{
	width:100%;
	border:1px solid rgb(237,237,237);
	margin-bottom:10px;
}
.top-sticky_table ul li::before{
	display:none;
}

@media (min-width: 960px){
	.top-sticky_table th{
		width:100px;
		font-size:12px;
	}
	.top-sticky_table th img{
	width:60px;
	}
	.top-sticky_table td{
		width:auto;
	}
}
.bg_1{
	background-color:#EEF2EF !important;
}
.bg_2{
	background-color:#FDFBEC !important;
}
.bg_3{
	background-color:#F3F9FC !important;
}

.btn_1,
.btn_2,
.btn_3,
.btn_4,
.btn_5{
	display:block;
	border-radius:20px;
	font-weight:bold;
	color:#ffffff !important;
	width:100%;
	text-align:center;
	font-size:12px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.1);
	padding:8px 2px;
	margin-top:10px;
}
.btn_1{
	background:#7AB883;
}
.btn_2{
	background:#D57546;
}

.btn_3{
	background:#9EC9C4;
}
.btn_4{
	background:#D57546;
	width:70% !important;
margin: 0 auto;
}
.btn_5{
	background:#6FB3CB;
	width:70% !important;
margin: 0 auto;
}
@media (min-width: 960px){
	.sticky_table th{
		width:100px;
		font-size:12px;
	}
	.sticky_table th img{
	width:60px;
	}
	.sticky_table td{
		width:auto;
	}
}

.movie_ttl{
display:block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

@media (max-width: 767px) {
	#header {
		height: 20px;
	}
}

div.breadcrumbs {
  max-width: 1000px;
  margin:20px auto;
}
.breadcrumbs > span > a{
    color:#69A4DB;
}
.breadcrumbs > span{
    margin-right:12px;
    font-size:13px;
}

/************************************
** スマホヘッダー固定
************************************/
/*スマホ*/
@media screen and (max-width: 767px){
  #header-box{
    z-index:5;
    overflow:visible;
    min-height:60px; /* ヘッダー初期高さ */
  }
  #header{
    position:fixed;
    top:0;
    width:100%;
    background:#e88737; /* ヘッダー背景色 */
    z-index:6;
    height:60px; /* ヘッダー初期高さ */
    transition: .5s;
  }
  .cps-sp-menu-bar{
    margin-top:0px; /* ヘッダーの下余白 */
  }
  .sp-menu-box{
    z-index:5;
  }
  .sp-menu-open,.headsearch{
    position:fixed;
    z-index:7;
    transition: .5s;
  }
  .sp-menu-open{
    top:10px; /* メニューボタン位置 */
  }
  .headsearch .search-box:before{
    top:18px; /* 検索ボタン位置 */
  }
  #site-info span a{
    height:auto;
  }
  #site-info span a img{
    height:40px !important; /* ロゴ高さ */
    width:auto !important;
    margin:10px 0; /* ロゴ余白 */
  }
  .mobile-header-small #header{
    height:40px !important; /* ヘッダー高さ(小さいとき) */
    transition: .5s;
    box-shadow: 0 2px 6px rgba(0,0,0,.15); /* ヘッダー影 */
  }
  .mobile-header-small #site-info span a img{
    height:30px !important; /* ロゴ高さ(小さいとき) */
    width:auto !important;
    margin:5px 0; /* ロゴ余白(小さいとき) */
    transition: .5s;
  }
  .mobile-header-small .sp-menu-open{
    top:0; /* メニューボタン位置(小さいとき) */
    transition: .5s;
  }
  .mobile-header-small .headsearch .search-box:before{
    top:8px; /* 検索ボタン位置(小さいとき) */
    transition: .5s;
  }
  #scroll-content{
    position:static !important;
  }
  #navtoggle:checked + .sp-menu-open .cps-icon-bar{
    background-color:#555 !important; /* 閉じるボタン色 */
  }
}

/*ヘッダーの大きさ指定*/
/*ここより上に追加すること！！*/
.tn-logo-size img {
		width: calc(100%)!important;
		height: 45px !important;
		max-height: 45px !important;
	}
@media (min-width: 768px){
.tn-logo-size img {
width: calc(60%)!important;
		height: 60px !important;
		max-height: 60px !important;
}
}