@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

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

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

  .ranking-item-img-desc,
  .ranking-item-link-buttons {
    display: block;
  }
  .ranking-item-image-tag {
    max-width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
  }	
	
	
    .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;
	}

    .dl-cat {
        border-top: 1px solid #000;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
	}

    .dl-cat > dt {
        text-align: center;
        border-bottom: 1px solid #000;
	}
    .dl-cat > dd {
        text-align: left;
        border-bottom: 1px solid #000;
	}
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.ranking-item-name-text {
		position: relative;
		top: 10px;
		font-size: 18px;
}
}


.h2origin {
	font-size: 20px!important;
	font-weight: bold!important;
}

.flickity-slider img {
    max-width: 100%;
    height: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 0;
    vertical-align: middle;
}

/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{
  display: none;
}

/*フロント固定ページの更新日を非表示*/
.home.page .post-update{
  display: none;
}

.syousaiarea {

}

.topflia {
	margin-bottom: 0.5em!important;
}

.entry-content h2{
	border:none;
	background:none;
	padding: 0;
	margin-top: 0.5em!important;
	margin-bottom: 0.3em!important;
	color:#dd9933;
}
.entry-content h3{
	padding: 5px;
	margin-top: 0.5em!important;
	margin-bottom: 0.3em!important;
	font-size: 20px;
}
.entry-content h4{
	padding: 2px;
	margin-top: 0.5em!important;
	margin-bottom: 0.3em!important;
	font-size: 14px;
	border-left: solid 7px #dd9933; /* 左側に実線・色*/

}

.entry-content h4:before {
	font-family:none!important;
	content:none!important;
	padding-right:none!important;
	color:none!important;
}

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

.ratebox {
	padding:0px 10px 2px 10px;
	border:solid 1px #ffe4e1;
	background-color:#fff5ee;
	margin-bottom:5px!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;
}

.list_table {
    margin-bottom: 5px!important;
}

.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-cat{
    margin-bottom: 5px!important;
}

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

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

.dl-cat > dt {
    background-color: #ff8c00;;
    color: #fff;
}

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


.ranking-item-description {
    margin: 0em!important;
}

.rankshorttext {
    	font-size: 12px;
}

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

.maroon{ color: #800000!important; }/*maroon*/
.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; }/*白*/
.blueviolet{ color: #8a2be2!important; }/*blueviolet*/

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

.ranking-item-img-desc {
    	margin-bottom: 0px!important;
    	font-size: 0.9em!important;
    	line-height: 1.8em!important;
    	letter-spacing: 0.002em!important;
}

.info-box {
    	padding-bottom: 0.3em!important;
	    padding-top: 0.3em!important;
	    margin-bottom: 0.2em!important;
}

/* スライド間の余白 */
.slider {
	width: 100%!important;
	margin-bottom: 30px!important;
  display: none;
}

.slider.slick-initialized {
  display: block;
}


/* スライド */
.slider .sl-title {
	display: inline-block;
	width: 100%!important;
	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;
	height: auto;
    max-width:100%!important;
}

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

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

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


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

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

#search .search_form_garea,#slide-in-search .search_form_garea {
	margin-bottom:5px;
	clear: both;
	line-height: 18px;
}

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

#search .search_form_label,#slide-in-search .search_form_label {
	position:relative;
	top:-5px;
	font-size: 12px;
	display: inline-block;
	float: ;
	margin-top: -5px!important;
	margin-right: 5px;
	margin-bottom: 0px;
	line-height: 10px;
}

#search .search_form_label a.#slide-in-search .search_form_label a {
	text-decoration: none;
}

#search input,#slide-in-search input {
	margin-left: 0px;
	margin-right: 3px;
	vertical-align:-0.1em;
}

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


/* todouhuken */
.todouhuken {
	margin: 0 0 1.5em 0;
}

/*タブ切り替え*/
.tabtab  {
  border-bottom: 3px solid #fb4343!important;
  margin-left: 0px!important;
  margin-bottom: 0px!important;
  float: left!important;
  width:100%!important;
}

.tabtab li {
  color: #333;
  margin: 0 10px -1px 0px!important;
  padding: 5px 3px;

  border: 1px solid #fb4343;
  cursor: pointer;
  list-style: none;
  transition: .3s;
  position: relative;
  left: 0px;
  font-size: 80%!important;
  font-weight: bold!important;
  float: left!important;
}
.tabtab li.active {
  color: #fff;
  background: #fb4343;
  cursor: auto;
}
.tabtab li:last-child {
  cursor: pointer;
  padding-bottom: ;
  margin-right: -5px;
}
.area dl {
  display: none;
}
.area dl.show {
  display: block;
}


/* Number List-番組別 */
dl.number-list {
	margin: 0 0 0 0;
	list-style: none;
}
dl.number-list:after {
	height: 0;
	content: '';
	display: block;
	clear: both;
}
dl.number-list dt {
	padding: 1px;
	box-sizing: border-box;
	clear:both;
}
dl.number-list dt .bangumi-cord {
	text-shadow: 0 0 1px #ffff00;
	color: #ff0000;
}
dl.number-list dd {
	width: 50%;
	text-align: center;
	margin: 0;
	float: left;
}
dl.number-list dd a {
	background: #00ff00;
	color: #0000cd;
	text-decoration: none;
	margin: 2px;
	border: 1px solid #ac87ad;
	padding: 10px;
	box-sizing: border-box;
	display: block;
	text-shadow: 1px 1px 3px #ee82ee;
}
dl.number-list dd a:hover {
	background: #98fb98;
	color: #f00;
	border: 1px solid #743030;
	text-shadow: 1px 1px 3px #ffc0cb;
}
dl.number-list dd a .title {
	font-size: 1.2em;
	font-weight: bold;
}
dl.number-list dd a .number {
	font-size: 1.2em;
	font-weight: bold;
}

/* Number List-都道府県別 */
dl.number-list-47pref {
	margin: 0 0 0 0;
	list-style: none;
}
dl.number-list-47pref:after {
	height: 0;
	content: '';
	display: block;
	clear: both;
}
dl.number-list-47pref dt {
	padding: 1px;
	box-sizing: border-box;
	clear:both;
}
dl.number-list-47pref dt .bangumi-cord {
	text-shadow: 0 0 1px #ffff00;
	color: #ff0000;
}
dl.number-list-47pref dd {
	width: 50%;
	text-align: center;
	margin: 0;
	float: left;
}
dl.number-list-47pref dd a {
	background: #ffff00;
	color: #0000cd;
	text-decoration: none;
	margin: 2px;
	border: 1px solid #ac87ad;
	padding: 10px;
	box-sizing: border-box;
	display: block;
	text-shadow: 1px 1px 3px #ee82ee;
	line-height: 20px;
}
dl.number-list-47pref dd a:hover {
	background: #ffffe0;
	color: #f00;
	border: 1px solid #743030;
	text-shadow: 1px 1px 3px #ffc0cb;
}
dl.number-list-47pref dd a .title {
	font-size: 1.0em;
	font-weight: bold;
}
dl.number-list-47pref dd a .number {
	font-size: 1.0em;
	font-weight: bold;
}
dl.number-list-47pref dd a .price {
	font-size: 1.0em;
	font-weight: bold;
}
dl.number-list-47pref dd a .cord {
	font-size: 1.0em;
	font-weight: bold;
}





@media print, screen and (min-width: 835px) {

    .list_table {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #000;
    }
    .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: 30%;
    }
    .list_table > dd {
        width: 70%;
        border-right: 1px solid #000;
    }

	
    .dl-cat {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #000;
    }
    .dl-cat > dt,
    .dl-cat > dd {

        border-top: 1px solid #000;
        border-left: 1px solid #000;
	}
    .dl-cat > dt {
        width: 15%;
    }
    .dl-cat > dd {
        width: 85%;
        border-right: 1px solid #000;
    }	
}


@media only screen and (max-width : 720px)  {
/* Number List-番組別 */
dl.number-list dd {
	width: 100%;
	float: none;
}

/* Number List-都道府県別 */
dl.number-list-47pref dd {
	width: 100%;
	float: none;
}

}