/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 20210719
*/

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {

    .list_table {
        border-top: 1px solid #000;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
    }
	
    .list_table > dd {
        border-bottom: 1px solid #000;
    }
    .list_table > dt,
    .list_table > dd {
        text-align: center;
        border-bottom: 1px solid #000;
	}
    .list_table > dd > ul {
        text-align: left;

	}

	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {

    .list_table {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #000;
        margin-bottom: 10px;
    }
    .list_table > dt,
    .list_table > dd {
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-top: 1px solid #000;
        border-left: 1px solid #000;
	}
    .list_table > dt {
        width: 20%;
    }
    .list_table > dd {
        width: 80%;
        border-right: 1px solid #000;
    }

	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {


	/*-- ここまで --*/
}


.comslide{
	margin-bottom: 0em!important;
}

.comtitlearea {
	background-color:#f00000!important;
	display: block!important;
}


/*-- トップページinfo --*/
.infotoparea{
	
}
.infotoparea h3, .infotoparea h3:first-child {
	margin:0;
	color:white;
	background-color:#e3285b;
}

.infotoparea dl{
	width: auto;
	height: 168px;
	overflow-y: scroll;
	border:1px solid #efefef;
	background-color:#fffeef;
	padding:10px;
	font-size:0.9em;
	line-height:100%;
}
.infotoparea dl,
.infotoparea dt,
.infotoparea dd {
  box-sizing: border-box;
}

.infotoparea dl{
}
.infotoparea dt{
	width: 6em;
	float: left;
	color: #ff6600 !important;
}
.infotoparea dd{
	margin-left: 5em;
}
.infotoparea dd:after {
  content: '';
  display: block;
  margin-bottom:2px;
  clear: both;
}
.infotoparea dd a{
	text-decoration:none;
}


/*-- インフォメーションエリア --*/
.information_area{
	
}

.information_area dl{
	width: auto;
	padding:10px;
	font-size:1.1rem;
	line-height:110%;
}
.information_area dl,
.information_area dt,
.information_area dd {
  box-sizing: border-box;
}

.information_area dl{
}
.information_area dt{
	width: 6em;
	float: left;
	color: #ff6600 !important;
}
.information_area dd{
	margin-left: 6em;
}
.information_area dd:after {
  content: '';
  display: block;
  margin-bottom:5px;
  clear: both;
}
.information_area dd a{
	text-decoration:none;
}


.list_table {
        margin-bottom: 10px;
}

.list_table,
.list_table > dt,
.list_table > dd {
    box-sizing: border-box;
}

.list_table > dt,
.list_table > dd {
    padding: 0.3em;
    margin: 0px;
	font-size: 12px;
}

.list_table > dt {
    background-color: #3388dd;
    color: #fff;
}

.list_table > dd {
    background-color: #fff;
}

/* スライド */
.slider .sl-title {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-weight : bold;
}

.slider .sl-time {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-weight : bold;
}

.slider img {
	margin-bottom: 0px;
}

/* スライド間の余白 */
.slider a {
    display: block;
    margin: 0 5px;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

/* スライド */
.aslider .asl-title {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-weight : bold;
}

.aslider .asl-time {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-weight : bold;
}

.aslider img {
	margin-bottom: 0px;
}

/* スライド間の余白 */
.aslider a {
    display: block;
    margin: 0 5px;
}

.aslider .slick-dots {
    bottom: 0px;
}

.slick-prev, .slick-next {
  &:before {
    font-family: 'FontAwesome';
    text-shadow: 1px 2px 2px #777;  //適度な暗さのグレーを設定していますが、お好みの色を選択してください
    font-size: 30px;
	color: #00f!important;
  }
}
.slick-prev {
  left: -7px!important;  //画像の外側から内側に配置
  z-index: 10;  //画像の前面に配置、因みに.slick-nextの方は記載不要でした
  &:before {
    content: '\f053'; //左向きの矢印
  }
}
.slick-next {
  right: 20px!important;  //画像の外側から内側に配置
  &:before {
    content: '\f054';  //右向きの矢印
  }
}

/* DL dl-cat（チャットレディ） */
dl.g_dl-cat, dl.g_dl-cat dt, dl.g_dl-cat dd {
	margin : 0;
	padding : 0;
	font-size: 0.85em;
	color: #fff;
	display: block!important;
	overflow:hidden!important;
}

dl.g_dl-cat {
	background: #b22222;
	border: 1px solid #c71585;
	border-top: none;
	max-width: 100%;
	margin-bottom : 0.5em!important;
	margin-top : 0em!important;
	clear: both;

}

dl.g_dl-cat dt {
	border-top: 1px solid #c71585;
	clear: left;
	float: left;
	width: 20%;
	padding: 2px;
	font-weight: bold;
}

dl.g_dl-cat dd {
	padding: 2px;
	background: #fffafa;
	border-left: 1px solid #c71585;
	border-top: 1px solid #c71585;
	margin-left: 20%
}

dl.g_dl-cat dd a:link,
dl.g_dl-cat dd a:visited {
	text-decoration: none;
	color: #000;
}

input[type="radio"],input[type="checkbox"]{
  position: relative;
  top: 0px;
}

/*-- 画像スタイル --*/
.img-wrap {
	max-width: 100% ;
	width: 100% ;
	height: auto ;
	box-sizing: border-box;
	background: #e2e2e2;
	border: 1px solid #d0d0d0;
	padding: 5px ;
	box-shadow: 0 0 5px #bebebe;
}

.big{ font-size: 1.5em!important; }/*大字*/
.normal{ font-weight: normal!important; }/*太字を解除*/
.small{ font-size: 0.8em!important; }/*小字*/
.huto{ font-weight: bold!important; }/*太字*/


.red{ color: #ff0000!important; }/*赤*/
.blue{ color: #0000dd!important; }/*青*/
.green{ color: #008000!important; }/*緑*/
.yellow{ color: #ffff00!important; }/*黄*/
.navy{ color: #1F26A9!important; }/*紺*/
.orange{ color: #ff6600!important; }/*橙*/
.pink{ color: #ffb6c1!important; }/*ピンク*/
.purple{ color: #660099!important; }/*紫*/
.olive{ color: #808000!important; }/*黄土色*/
.darkcyan{ color: #008b8b!important; }/*あざやかな青緑*/
.aqua{ color: #00ffff!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #ccc!important; }/*灰*/
.white{ color: #fff!important; }/*白*/
.lightcyan{ color: #e0ffff!important; }
.maroon{ color: #800000!important; }
.gold{ color: #ffd700!important; }
.darkred{ color: #8b0000!important; }


.bgc-red{ background-color: #ff0000!important; }/*赤*/
.bgc-blue{ background-color: #0000dd!important; }/*青*/
.bgc-green{ background-color: #008000!important; }/*緑*/
.bgc-yellow{ background-color: #ffff00!important; }/*黄*/
.bgc-navy{ background-color: #1F26A9!important; }/*紺*/
.bgc-orange{ background-color: #ff6600!important; }/*橙*/
.bgc-pink{ background-color: #ffb6c1!important; }/*ピンク*/
.bgc-purple{ background-color: #660099!important; }/*紫*/
.bgc-olive{ background-color: #808000!important; }/*黄土色*/
.bgc-lime{ background-color: #00ff00!important; }/*黄緑*/
.bgc-aqua{ background-color: #00ffff!important; }/*水色*/
.bgc-black{ background-color: #000!important; }/*黒*/
.bgc-gray{ background-color: #ccc!important; }/*灰*/
.bgc-white { background-color: #fff!important; }/*白*/

.bgc-aliceblue { background-color: #f0f8ff!important; }/*aliceblue*/
.bgc-bisque { background-color: #ffe4c4!important; }/*bisque*/
.bgc-lightgreen { background-color: #90ee90!important; }/*lightgreen*/
.bgc-khaki { background-color: #f0e68c!important; }/*khaki*/
.bgc-lightpink { background-color: #ffb6c1!important; }/*lightpink*/


/*-- 番組リンク・詳細Ａ --*/
.banenter-a a{
	background: #dc143c;
	font-size: 2.5em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	border: 1px solid #5a2222;
	border-radius: 4px;
	padding: 0px 5px 0px 5px;
	box-shadow: 0px 0px 5px #333;
	display: block;
	margin-top: 0em;
	margin-bottom: 0.5em;
	clear: both;
	line-height: 50px;
}

.banenter-a a:link,
.banenter-a a:visited {
	color: #fff;
}
.banenter-a a:hover,
.banenter-a a:active {
	background: #F5FFFA;
	color: #ff0000;
}

.g_banenter-a a{
	background: #0000cd;
	font-size: 2.5em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	border: 1px solid #5a2222;
	border-radius: 4px;
	padding: 0px 5px 0px 5px;
	box-shadow: 0px 0px 5px #333;
	display: block;
	margin-bottom: 0.5em;
	clear: both;
	line-height: 50px;
}

.g_banenter-a a:link,
.g_banenter-a a:visited {
	color: #fff;
}
.g_banenter-a a:hover,
.g_banenter-a a:active {
	background: #ffe4e1;
	color: #ff0000;
}

.g_banenter-a,.a_position {
	position:relative;
	top:-10px; 	
}

.g_banenter-a,.a-price {
	font-size: 0.5em;
	position:relative;
	top:10px; 	
}

.g_banenter-a,.s18 {
	font-size: 12px;
	position:relative;
	top:10px; 	
}

/*-- 番組表示スタイル --*/

.bantitle {
  position: relative;
  top: 7px; left: -10px;
  line-height: 0px;
}

.bantitle a{
  text-decoration: none;
}

img.img-wrap-bangumi {
	max-width: 100%;
	width: 250px;
	height: auto;
	box-sizing: border-box;
	padding: 0px;
	float: left;
	display: block;
	margin: -10px 10px 5px 0px!important;
}

.simpleviewbox {
	padding:5px 10px 5px 10px;
	border: 1px solid #808000!important;
	border-radius: 4px;
	background-color:#006400;
	margin-bottom:5px;
	margin-top:-10px;
	font-size: 15px;
	line-height: 20px;
	display: block;
	overflow:hidden;
	color: #fff;
}
.simpleviewbox a:link,
.simpleviewbox a:visited {
	color: #fff;
}



.bantextbox {
	padding:0px 10px 0px 10px;
	border:solid 1px #800000;
	border-radius: 4px;
	background-color:#800000;
	margin-bottom:5px;
	font-size: 15px;
	line-height: 18px;
	display: block;
	overflow:hidden;
	clear: both;
}

.bantextbox p {
	font-size: 15px;
	line-height: 18px;
	margin-top:5px;
	margin-bottom:5px;
	color: #fff;
	font-weight: bold
}

.bantextbox-rank {
	padding:0px 10px 0px 10px;
	border:solid 1px #000;
	border-radius: 4px;
	background-color:#800000;
	margin-bottom:0px!important;
	font-size: 15px;
	line-height: 18px;
	display: block;
	overflow:hidden;
}

.bantextbox-rank a:link,
.bantextbox-rank a:visited {
	color: #ffff00;
}

.bantextbox-rank p {
	font-size: 15px;
	line-height: 20px;
	margin-top:5px;
	margin-bottom:5px;
	color: #fff;
	font-weight: bold
}

.g_bantextbox-rank {
	padding:0px 5px 0px 5px;
	border:solid 1px #8b4513;
	border-radius: 4px;
	background-color:#9e3121;
	margin-top:5px;
	margin-bottom:0px!important;
	display: block;
	overflow:hidden;
}

.g_bantextbox-rank a:link,
.g_bantextbox-rank a:visited {
	color: #ffff00;
}

.g_bantextbox-rank p {
	font-size: 14px;
	line-height: 20px;
	margin-top:5px;
	margin-bottom:5px;
	color: #fff;
	font-weight: bold
}

.g_comviewbox {
	padding:3px 7px 3px 7px;
	border: 1px solid #808000!important;
	border-radius: 4px;
	background-color:#f5deb3;
	margin-bottom:5px;
	margin-top:5px;
	font-size: 14px;
	line-height: 18px;
	display: block;
	overflow:hidden;
	color: #FFF;
}
.g_comviewbox a:link,
.g_comviewbox a:visited {
	color: #FFF;
}

.g_simpleviewbox {
	padding:3px 5px 3px 5px;
	border: 1px solid #808000!important;
	border-radius: 4px;
	background-color:#ffd700;
	margin-bottom:0px;
	margin-top:-10px;
	font-size: 14px;
	line-height: 20px;
	display: block;
	overflow:hidden;
	color: #f00;
}
.g_simpleviewbox a:link,
.g_simpleviewbox a:visited {
	color: #f00;
}

.textarea {
	padding:5px 5px 5px 5px!important;
	border: 1px solid #808000!important;
	border-radius: 4px;
	background-color:#fdf5e6;
	margin-bottom:5px!important;
	margin-top:5px;
	font-size: 13.5px!important;
	line-height: 15px!important;
	display: block;
	clear: both;
	color: #000;
}
.textarea a:link,
.textarea a:visited {
	color: #f00;
}

.ban_descriptionarea {
	margin-bottom:5px!important;
	clear: both;
}


.ratebox {
	padding:0px 10px 0px 10px;
	border:solid 1px #00008b;
	background-color:#e0ffff;
	margin-bottom:5px!important;
	font-size: 15px;
	line-height: 22px;
	display: block;
	overflow:hidden;
}

.ratebox p {
	margin-top:7px;
	margin-bottom:10px;
	line-height: 22px;
}


input[type="radio"],input[type="checkbox"]{
  position: relative;
  top: 0px;
}

/*フォーム全体*/
#form1{
	position:relative;/*フォームの相対位置*/
	width:100%;/*フォームのサイズ*/
	margin-bottom:1em;/*フォームの下に余白*/ 	
	clear: both;
}
/*検索ボックス*/
#sbox{
	max-width:100%;/*フォームのサイズ*/
	position:relative;/*検索ボタンの絶対位置*/  
	left:0;
	top:0; 	
	outline:0;/*クリック時の青い枠線消す*/	
	height:50px;/*検索ボックスの高さ*/	
	padding:0 10px;/*テキスト位置調整*/	 
	border-radius:2px 0 0 2px;/*検索ボックスの角を丸める*/		
	background:#eee;/*検索ボックスの背景カラー*/		
}
/*検索ボタン*/
#sbtn{
	width:70px;/*検索ボタンの横幅*/ 
	height:50px;/*検索ボタンの縦幅*/ 
	position:absolute;/*検索ボタンの絶対位置*//*検索ボタンの絶対位置*/  
	right:-3px;/*検索ボタンの位置調整*/  
	top:0;
	border-radius:0 2px 2px 0;/*検索ボタンの角を丸める*/ 
	background:#9e3121;/*検索ボタンの背景カラー*/ 
	border:none;/*検索ボタンの枠線を消す*/ 
	color:#fff;/*検索ボタンのテキストカラー*/ 
	font-weight:bold;/*検索ボタンのテキスト太字*/ 
	font-size:16px;/*検索ボタンのフォントサイズ*/ 
}
/*検索ボタンマウスオーバー時*/
#sbtn:hover{
	color:#ff0;/*検索ボタンマウスオーバー時のフォントカラー*/ 
}


#search {
	margin-bottom:10px;/*フォームの下に余白*/ 
}

#search .schui p{
	clear: both;
	font-size: 12px;
	line-height: 12px;
}

#search .search_form_garea {
	margin-bottom:5px;
	clear: both;
}

#search .search_form_gtitle {
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 5px;
	font-size: 12px;
}

#search .search_form_label {
	position:relative;
	top:-5px;
	font-size: 12px;
	display: inline-block;
	float: ;
	margin-right: 5px;
	margin-bottom: 0px;
	line-height: 18px;
}

#search .search_form_label a {
	text-decoration: none;
	position:relative;
	left:0;
	top:-1px; 	
}

#search input {
	margin-left: 0px;
	margin-right: 3px;
	vertical-align:0px;
}

#search .cs-search-button {
	background:#f00!important;
	color:#fff!important;
}

@media only screen and (max-width : 720px)  {

img.img-wrap-bangumi {
	max-width: 100%;
	width:  100%;
}

}