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

/*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) {
	.colum1 main {
		margin: 0px 10px!important;
	}
	/*-- ここまで --*/
}

/*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) {


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


.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: #cc6699!important; }/*ピンク*/
.purple{ color: #660099!important; }/*紫*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #00ffff!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #ccc!important; }/*灰*/
.white{ color: #fff!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: #cc6699!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; }/*白*/

.huto{ font-weight: bold!important; }/*太字*/
.deka{ font-size: 1.2em!important; }/*大字*/
.normal{ font-weight: normal!important; }/*太字を解除*/
.small{ font-size: 0.6em!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.75em;
	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;
}


.ajaxsortarea {
    background-color: #00ffff!important;
	border: 2px #0000ff solid!important;
}

.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;
}

/* DL dl-cat */
dl.dl-cat, dl.dl-cat dt, dl.dl-cat dd {
	margin : 0;
	padding : 0;
	font-size: 0.85em;
}

dl.dl-cat {
	background: #eee8aa;
	border: 1px solid #556b2f;
	border-top: none;
	max-width: 100%;
	margin-bottom : 0.5em!important;
	clear: both;
}

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

dl.dl-cat dd {
	padding: 4px;
	background: #fff8dc;
	border-left: 1px solid #556b2f;
	border-top: 1px solid #556b2f;
	margin-left: 20%
}

dl.dl-cat dd a {
	text-decoration: none;
}




.callad a {
	max-width: 100%;
	background-color: #f00;
	border: 1px solid #800000;
	border-radius: 5px;
	box-shadow: 0px 5px 1px rgba(105,105,105,1);
	color: #ffffff;
	display: block;
	font-size: 3.0em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 10px auto;
	padding: 60px 5px;
}
.callad a:link,
.callad a:visited {

}
.callad a:active {
    box-shadow: none;
    transform: translate3d(0, 5px, 0);
}
.callad a:hover{

}




/* スライド */
.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;
}

.syousaiarea {
}

.rankh4 {
	margin-bottom: 0px!important;
}

.stitle {
	font-size: 0.5em!important;
	margin-top: 10px!important;
}

.ranklistarea {
	margin-bottom: 0.7em;
}


.topbancomments {
	font-size: 0.8em;
	line-height: 15px;
	overflow: auto;
	font-weight: bold;
}

.topbancomments_one {
	margin-bottom: 0.7em;
}

/*-- 番組リンク・詳細Ａ --*/
.banenter-a a {
	background: #dc143c;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	border: 1px solid #5a2222;
	border-radius: 4px;
	padding: 15px 5px 20px 5px;
	box-shadow: 0px 0px 5px #333;
	display: block;
	margin-top: 0.20em!important;
	margin-bottom: 0.25em;
	clear: both;
	line-height: 20px;
}
.banenter-a a:link,
.banenter-a a:visited {
	color: #fff;
}
.banenter-a a:hover,
.banenter-a a:active {
	background: #F5FFFA;
	color: #ff0000;
}

.banenter-a .a-price {
	font-size: 0.7em;
	position: relative;
	top: -2px;
}

.banenter-a .s18 {
	font-size: 12px;
	position: relative;
	top: -2px;
}

.banenter-a .a-title {
	font-size: 1.0em;
	position: relative;
	top: -5px;
}


img.rankimgs{
	max-width: 100%;
	width: 200px;
	height: auto;
	padding: 0px;
	float: left;
	margin: 0px 10px 5px 0px;
}

img.rankimgs_2{
	max-width: 100%;
	width: 100%;
	margin: -5px 0px 5px 0px;
}

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

.rateviewbox {
	padding:5px;
	border: 1px solid #dc143c!important;
	border-radius: 4px;
	background-color:#ffffe0;
	margin-bottom:5px!important;
	margin-top:0px;
	font-size: 13px;
	line-height: 17.0px;
	display: block;
	overflow:hidden;
	font-weight : bold;
}
.rateviewbox a:link,
.rateviewbox a:visited {
	color: #7cfc00;
}

.simpleviewbox {
	padding:5px;
	border: 1px solid #dc143c!important;
	border-radius: 4px;
	background-color:#ffffe0;
	margin-bottom:5px!important;
	margin-top:5px;
	font-size: 13px;
	line-height: 17.0px;
	display: block;
	overflow:hidden;
	font-weight : bold;
}
.simpleviewbox a:link,
.simpleviewbox a:visited {
	color: #ff1493;
}

.rateviewbox_2 {
	padding:5px;
	border: 1px solid #dc143c!important;
	border-radius: 4px;
	background-color:#ffffe0;
	margin-bottom:5px!important;
	margin-top:0px;
	font-size: 13px;
	line-height: 17.0px;
	display: block;
	font-weight : bold;
}
.rateviewbox_2 a:link,
.rateviewbox_2 a:visited {
	color: #7cfc00;
}

.simpleviewbox_2 {
	padding:5px;
	border: 1px solid #dc143c!important;
	border-radius: 4px;
	background-color:#ffffe0;
	margin-bottom:5px!important;
	margin-top:5px;
	font-size: 13px;
	line-height: 17.0px;
	display: block;
	font-weight : bold;
}
.simpleviewbox_2 a:link,
.simpleviewbox_2 a:visited {
	color: #ff1493;
}



.ratebox {
	padding:0px 10px 2px 10px;
	border:solid 1px #ffe4e1;
	background-color:#fff5ee;
	margin-bottom:10px!important;
	margin-top:1px!important;
	font-size: 12px;
	line-height: 20px;
	display: block;
	overflow:hidden;
}

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


.com_avatar{
	max-width: 100%;
	height: auto;
	padding: 0px;
	float: left!important;
	margin: 0px 5px 0px 0px;
}


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:#962121;/*検索ボタンの背景カラー*/ 
	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:#962121;
	color:#fff;
}



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

.rankh4 {
	font-size: 15px!important;
	margin-bottom: 0px!important;
}

.stitle {
	font-size: 0.7em!important;
	margin-top: 10px!important;
}
	
img.rankimgs {
	max-width: 100%;
	width:  100%;
}

.callad a {
	font-size: 1.40em;
	padding: 40px 0px;
}
	
.tuzuki a {
	font-size: 1.30em;
	padding: 40px 0px;
}


dl.dl-table dt {
	width: auto !important;
	margin-right: 0;
	border-right: 0;
	float: none;
}
dl.dl-table dd {
	margin: 0 !important;
	border-left: 0;
}

/* Pref List */
ul.pref-list {

}
ul.pref-list li {

}

/* Number List */
dl.number-list dd {
	width: 100%;
	float: none;
}

.darkbluebox {
	margin-top:0px;
}

dl.dl-free-career {
	border-top: none;

}

dl.dl-free-career dt {
	width: auto !important;
	margin-right: 0;
	border-right: 0;
	font-size: 0.85em;
	float: none;
}

dl.dl-free-career dd {
	margin: 0 !important;
	border-left: 0;
	font-size: 0.85em;
}


dl.dl-free-career {
	border-top: none;

}

dl.dl-cat {
	border-top: none;

}

dl.dl-cat dt {
	width: auto !important;
	margin-right: 0;
	border-right: 0;
	font-size: 0.85em;
	float: none;
}

dl.dl-cat dd {
	margin: 0 !important;
	border-left: 0;
	font-size: 0.85em;
}

.slider .sl-title {
	font-size : 80%;
}

.slider .sl-time {
	font-size : 80%;
}

}