@charset "UTF-8";
/*--------------------------------------------------------------------
/- admin  :TV TOKYO Communications Corporation.
/- update :20170510
/--------------------------------------------------------------------*/
/**********************************************************************
基本設定
**********************************************************************/
.wrapper { color: #333; font-size: 14px; font-family: Lato, Helvetica, Arial, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.9; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-width: 980px; background: #e9e9e9; margin: 0 auto; }

.wrapper div, .wrapper span, .wrapper object, .wrapper iframe, .wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4, .wrapper h5, .wrapper h6, .wrapper p, .wrapper blockquote, .wrapper pre, .wrapper abbr, .wrapper address, .wrapper cite, .wrapper code, .wrapper del, .wrapper dfn, .wrapper em, .wrapper img, .wrapper q, .wrapper samp, .wrapper strong, .wrapper sub, .wrapper sup, .wrapper var, .wrapper b, .wrapper i, .wrapper dl, .wrapper dt, .wrapper dd, .wrapper ol, .wrapper ul, .wrapper li, .wrapper fieldset, .wrapper form, .wrapper label, .wrapper legend, .wrapper table, .wrapper caption, .wrapper tbody, .wrapper tfoot, .wrapper thead, .wrapper tr, .wrapper th, .wrapper td, .wrapper article, .wrapper aside, .wrapper canvas, .wrapper details, .wrapper figcaption, .wrapper figure, .wrapper footer, .wrapper header, .wrapper hgroup, .wrapper menu, .wrapper nav, .wrapper section, .wrapper summary, .wrapper time, .wrapper mark, .wrapper audio, .wrapper video, .wrapper input { box-sizing: border-box; }

/**********************************************************************
外枠の設定
**********************************************************************/
.wrapper .wrapper_inner { width: 980px; margin: 0 auto; }
.wrapper #content_left { float: left; margin: 0; width: 650px; }
.wrapper #content_right { float: right; margin-top: 15px; width: 300px; }
.wrapper .clearfix:after { content: ""; display: block; clear: both; }

/**********************************************************************
	テキスト
**********************************************************************/
.wrapper .center { text-align: center; }
.wrapper .left { text-align: left; }
.wrapper .right { text-align: right; }
.wrapper .hidetext { text-indent: -9999px; font-size: 1px; overflow: hidden; }
.wrapper .none { display: none; }
.wrapper .txt_large { font-size: 116%; *font-size: 15px; }
.wrapper .txt_x-large { font-size: 131%; *font-size: 17px; }
.wrapper .txt_small { font-size: 85%; *font-size: 11px; }
.wrapper .txt_x-small { font-size: 77%; *font-size: 10px; }
.wrapper .txt_thin { font-weight: normal; }
.wrapper .attenntion { line-height: 120%; text-indent: -1em; margin-left: 1em; }
.wrapper .red { color: #D41316; }
.wrapper .mincho { font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif; }
.wrapper .italic { font-style: italic; }

/**********************************************************************
	フロート
**********************************************************************/
.wrapper .float_l { float: left; }
.wrapper .float_r { float: right; }
.wrapper .clearfix:after { content: "."; display: block; height: 0.1px; clear: both; visibility: hidden; }
.wrapper .clearfix { zoom: 1; }
.wrapper .clear { clear: both; }

/**********************************************************************
margin / padding
*********************************************************************/
.wrapper .mt5 { margin-top: 5px; }
.wrapper .mt10 { margin-top: 10px; }
.wrapper .mt15 { margin-top: 15px; }
.wrapper .mt20 { margin-top: 20px; }
.wrapper .mt30 { margin-top: 30px; }
.wrapper .mt40 { margin-top: 40px; }
.wrapper .mt50 { margin-top: 50px; }
.wrapper .mt60 { margin-top: 60px; }
.wrapper .mt80 { margin-top: 80px; }
.wrapper .mb5 { margin-bottom: 5px; }
.wrapper .mb10 { margin-bottom: 10px; }
.wrapper .mb15 { margin-bottom: 15px; }
.wrapper .mb20 { margin-bottom: 20px; }
.wrapper .mb30 { margin-bottom: 30px; }
.wrapper .mb40 { margin-bottom: 40px; }
.wrapper .mb50 { margin-bottom: 50px; }
.wrapper .mb60 { margin-bottom: 60px; }
.wrapper .mb80 { margin-bottom: 80px; }
.wrapper .lr_p20 { padding: 0 20px; }
.wrapper .pt10 { padding-top: 10px; }
.wrapper .pt20 { padding-top: 20px; }
.wrapper .p20 { padding: 20px; }
.wrapper .w100 { width: 100%; }
.wrapper .w80 { width: 80%; }
.wrapper .w50 { width: 50%; }
.wrapper .w40 { width: 40%; }
.wrapper .w30 { width: 30%; }
.wrapper .radius5 { border-radius: 5px; }

/**********************************************************************
NAV
**********************************************************************/
.wrapper nav { font-size: 18px; background: #195bbd; color: #fff; }
.wrapper nav h1 a, .wrapper nav h1 ul li span, .wrapper nav ul li h1 span { display: block; background: url(/kantei/common/images/img_logo_pc.jpg) center center no-repeat; height: 130px; overflow: hidden; text-indent: -9999px; }
.wrapper nav h1 img { transition: all 0.3s; -webkit-transition: all 0.3s; }
.wrapper nav h1 img:hover { opacity: 0.8; }
.wrapper nav h2 { display: block; padding: 8px; line-height: 1; background: rgba(0, 0, 0, 0.2); font-size: 20px; font-weight: normal; text-align: center; }
.wrapper nav ul li { /*width: 25%;メニュー4列の場合*/ width: 33.33%; /*メニュー3列の場合*/ /*width: 50%;メニュー2列の場合*/ display: block; float: left; }
.wrapper nav ul li a, .wrapper nav ul li span { display: block; position: relative; padding: 17px 5px; text-align: center; color: #fff; text-decoration: none; line-height: 1.1em; border-left: solid 1px rgba(0, 0, 0, 0.2); transition: all 0.3s; -webkit-transition: all 0.3s; }
.wrapper nav ul li a:hover, .wrapper nav ul li span:hover { background: rgba(255, 255, 255, 0.1); position: relative; }
.wrapper nav ul li span { opacity: 0.5; cursor: default; }
.wrapper nav ul li span:hover { background: none; }
.wrapper nav ul li:nth-of-type(-n+3) a, .wrapper nav ul li:nth-of-type(-n+3) span { border-top: none; }
.wrapper nav ul li span.batch { opacity: 1; display: block; position: absolute; top: 0; right: 0; padding: 0; width: 20px; height: 20px; background: red; color: #fff; font-size: 10px; text-align: center; line-height: 1; border: solid 1px rgba(255, 255, 255, 0.5); border-radius: 50%; padding-top: 3px; z-index: 10; }

/**********************************************************************
フッターレコメンドパーツ
**********************************************************************/
.wrapper #reccomend_drama { margin: 0; background: #474747; padding: 40px 0; }
.wrapper #reccomend_drama h1 { padding: 0; margin: 0; font-size: 24px; color: #ccc; font-weight: normal; }
.wrapper #reccomend_drama .reccomend_drama_wrapper_inner { margin: 0 auto; width: 980px; }
.wrapper #reccomend_drama ul { margin-top: 25px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-overflow-scrolling: touch; }
.wrapper #reccomend_drama ul li { width: 19%; margin: 10px 1% 10px 0; background: #fff; font-size: 13px; line-height: 1.3em; float: left; opacity: 0.9; transition: .4s all; display: none; }
.wrapper #reccomend_drama ul li a, .wrapper #reccomend_drama nav ul li span, .wrapper nav #reccomend_drama ul li span { text-decoration: none; color: #666; }
.wrapper #reccomend_drama ul li img { width: 100%; display: block; }
.wrapper #reccomend_drama ul li span.title { display: block; text-decoration: none; font-weight: normal; padding: 10px 15px 20px 15px; }
.wrapper #reccomend_drama ul li span.title span.waku { display: block; font-size: 10px; margin-bottom: 3px; }
.wrapper #reccomend_drama ul li:hover { opacity: 1; }
.wrapper #reccomend_drama ul#mon li.mon, .wrapper #reccomend_drama ul#tue li.tue, .wrapper #reccomend_drama ul#wed li.wed, .wrapper #reccomend_drama ul#thu li.thu, .wrapper #reccomend_drama ul#fri li.fri, .wrapper #reccomend_drama ul#sat li.sat, .wrapper #reccomend_drama ul#sun li.sun, .wrapper #reccomend_drama li.other { display: block; }

/**********************************************************************
共通パーツ
**********************************************************************/
.wrapper .smp_only { display: none !important; }
.wrapper .oa_alert { color: #ee0000; font-size: 14px; font-weight: bold; line-height: 1.4; position: relative; padding: 10px 12px; background: #fff; }
.wrapper .oa_alert:before { content: "！"; background: #ee0000; color: #fff; font-weight: bold; font-size: 12px; border-radius: 100px; width: 18px; height: 18px; display: inline-block; text-align: center; line-height: 20px; margin-right: 8px; vertical-align: 2px; }
.wrapper .common_title { background: #195bbd; color: #fff; padding: 15px; font-size: 24px; line-height: 1; }
.wrapper .common_title.arrow { padding: 0; line-height: 1em; }
.wrapper .common_title.arrow a, .wrapper .common_title.arrow nav ul li span, .wrapper nav ul li .common_title.arrow span { padding: 15px; color: #fff; text-decoration: none; display: block; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; }
.wrapper .common_title.arrow a:after, .wrapper .common_title.arrow nav ul li span:after, .wrapper nav ul li .common_title.arrow span:after { content: ""; position: absolute; right: 18px; top: 50%; margin-top: -6px; display: block; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); overflow: hidden; transition: all 0.3s; -webkit-transition: all 0.3s; }
.wrapper .common_title.arrow a:hover:after, .wrapper .common_title.arrow nav ul li span:hover:after, .wrapper nav ul li .common_title.arrow span:hover:after { right: 14px; }
.wrapper .common_title.no_top_border { border-top: none; }
.wrapper .common_title_second { background: #195bbd; font-size: 18px; line-height: 1.1em; padding: 20px; color: #fff; font-weight: bold; }
@media screen and (min-width: 1300px) { .wrapper .common_title_second { font-size: 22px; } }
.wrapper .common_subtitle_second { border-bottom: solid 2px #195bbd; padding-bottom: 12px; font-size: 22px; font-weight: bold; line-height: 1.3em; }
@media screen and (min-width: 1300px) { .wrapper .common_subtitle_second { font-size: 28px; } }
.wrapper .common_subtitle_second.border_black { border-color: #222; }
.wrapper .common_subtitle_border { font-size: 16px; font-weight: bold; border-bottom: solid 1px #666; padding: 5px; }
@media screen and (min-width: 1300px) { .wrapper .common_subtitle_border { font-size: 18px; } }
.wrapper .common_subtitle_first { background: #195bbd; font-size: 18px; line-height: 1.1em; padding: 10px; color: #fff; margin-top: 70px; font-weight: bold; }
@media screen and (min-width: 1300px) { .wrapper .common_subtitle_first { font-size: 22px; } }
.wrapper .common_subtitle_third { font-size: 22px; border-left: solid 6px #195bbd; padding-left: 15px; line-height: 1.1em; font-weight: bold; }
@media screen and (min-width: 1300px) { .wrapper .common_subtitle_third { font-size: 24px; } }
.wrapper .common_large_date { color: #195bbd; font-size: 20px; line-height: 1em; display: block; margin-bottom: 15px; }
.wrapper .common_box { padding: 10px; background: #fff; }
.wrapper .common_box a, .wrapper .common_box nav ul li span, .wrapper nav ul li .common_box span { color: #195bbd; }
.wrapper .youtube_wrap { position: relative; width: 100%; height: 0; padding-top: 56.25%; }
.wrapper .youtube_wrap iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
.wrapper #movie iframe { vertical-align: top; }
.wrapper .video_service { background: #fff; }
.wrapper .video_service h1 { font-size: 18px; line-height: 1em; padding: 15px 10px 15px 10px; color: #222; border-top: solid 4px #195bbd; }
.wrapper .video_service .common_title_second { color: #fff; padding: 20px; }
.wrapper .video_service li { padding: 10px; border-top: solid 1px #efefef; }
.wrapper .video_service li img { display: block; width: 50%; float: left; margin: 0 10px 0 0; border-radius: 3px; }
.wrapper .video_service li a, .wrapper .video_service nav ul li span, .wrapper nav ul .video_service li span { transition: all 0.3s; -webkit-transition: all 0.3s; display: block; text-decoration: none; color: #222; font-size: 78%; line-height: 1.5em; }
.wrapper .video_service li:after { content: ""; display: block; clear: both; }
.wrapper .video_service li.other { text-decoration: underline; text-align: right; }
.wrapper .video_service li:hover { opacity: 0.9; }
.wrapper .video_service li.large img { width: 100%; float: none; border-radius: 3px 3px 0 0; }
.wrapper .video_service li.large span.txt { display: block; padding: 10px; background: #000; color: #fff; font-size: 14px; border-radius: 0 0 3px 3px; }
.wrapper #content_right li.large img { width: 100%; float: none; border-radius: 3px 3px 0 0; }
.wrapper #content_right li.large span.txt { display: block; padding: 10px; font-size: 14px; }
.wrapper #content_right li.original img { width: 100%; float: none; border-radius: 3px 3px 0 0; }
.wrapper #content_right li.original span.txt { display: block; padding: 10px; background: #000; color: #fff; font-size: 14px; border-radius: 0 0 3px 3px; }
.wrapper #content_left .video_service ul { background: #fff; padding: 10px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.wrapper #content_left .video_service ul:after { content: ""; display: block; clear: both; }
.wrapper #content_left .video_service li { padding: 10px; width: 33.33%; float: left; border: none; }
.wrapper #content_left .video_service li img { width: 100%; }
.wrapper #content_left .video_service li a, .wrapper #content_left .video_service nav ul li span, .wrapper nav ul #content_left .video_service li span { font-size: 14px; color: #333; }
.wrapper #content_left .video_service li span { margin-top: 5px; }
.wrapper #content_left .video_service li.other { clear: both; width: 100%; float: none; text-align: right; }


/**********************************************************************
#下層ページ
**********************************************************************/
.wrapper.bottom h1.pageTitle { font-size: 150%; display: block; }
.wrapper.bottom .common_title { border-top: none; background: #222; padding: 15px 0 15px 40px; font-size: 20px; position: relative; }
.wrapper.bottom .common_title:after { content: ""; width: 8px; height: 50%; background: #ffd900; display: block; position: absolute; left: 10px; top: 50%; margin-top: -15px; }
.wrapper.bottom .super_large_text { font-size: 36px; line-height: 1.4em; letter-spacing: -1px; font-weight: bold; }
.wrapper.bottom .large_text { font-size: 22px; line-height: 1.4em; font-weight: bold; }
.wrapper.bottom .small_text { font-size: 12px; line-height: 1.4em; font-weight: bold; }
.wrapper.bottom .common_box { padding: 30px; }
.wrapper.bottom a.next_button, .wrapper.bottom nav ul li span.next_button { padding: 25px 0; font-weight: bold; font-size: 15px; }
.wrapper.bottom a.next_button span, .wrapper.bottom nav ul li span.next_button span { font-weight: bold; font-size: 20px; padding-top: 10px; }
.wrapper.bottom a.next_button:after, .wrapper.bottom nav ul li span.next_button:after { content: ""; position: absolute; right: 20px; top: 50%; margin-top: -8px; display: block; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); overflow: hidden; border-width: 3px; }
.wrapper.bottom .bnr_large { background: #fff; border: solid 1px #ddd; }
.wrapper.bottom .bnr_large a, .wrapper.bottom .bnr_large nav ul li span, .wrapper.bottom nav ul li .bnr_large span { transition: all 0.3s; -webkit-transition: all 0.3s; }
.wrapper.bottom .bnr_large a:hover, .wrapper.bottom .bnr_large nav ul li span:hover, .wrapper.bottom nav ul li .bnr_large span:hover { opacity: 0.8; }
.wrapper.bottom .bnr_large img { width: 100%; height: auto; }


/**********************************************************************
	@media
**********************************************************************/
@media screen and (min-width: 1300px) { 
.wrapper .wrapper_inner { width: 1300px; }
  .wrapper #content_left { width: 970px; }
  .wrapper nav ul li a, .wrapper nav ul li span { border-top: none; }
  .wrapper #bangumi_page_top { margin-left: 680px; }
  .wrapper #reccomend_drama .reccomend_drama_wrapper_inner { width: 1300px; }
  .wrapper #reccomend_drama ul li { width: 15.5%; }
  .wrapper .bnr_large { background: #fff; border: solid 1px #ddd; padding: 0 150px; }
  .wrapper .bn_list li, .wrapper .bn_list li:nth-child(3n) { width: 235px; margin: 0 10px 20px 0; }
  .wrapper .bn_list li:nth-child(4n) { margin: 0 0 20px 0; }
  .wrapper .bangumi_box { padding: 40px 100px 60px 100px; }
}


/* -------------------------------------------

鑑定団

 ---------------------------------------------------*/
.kantei{
	background:#ededda;
	color: #000;
	font-size: 16px;
	line-height: 1.7;
}

.kantei a{
	transition: all 100ms ease;
}

.kantei .common_title{
	background: url(/kantei/common/images/bg_green.png) repeat;
	padding:13px 15px!important;
}
.tit_right{
	overflow:hidden;
}
.tit_right span{
	float: right;
	font-size: 18px;
	line-height: 1.3;
}
.kantei .common_title.arrow{
	padding:0!important;
}

/* header -----------------------------*/
.kantei header{
	margin-bottom:18px;
}
.kantei header img{
	width: 100%;
}
.header_catch{
	color:#e9e9e9;
	text-align: center;
	background: #4c3315;
}
.header_catch span{
	font-size: 140%;
	font-weight: bold;
}
.kantei .gnav{
	border-top:1px solid #6e5431;
	background: #61431b;
	background: -moz-linear-gradient(top, #61431b 0%, #35240f 100%);
	background: -webkit-linear-gradient(top, #61431b 0%,#35240f 100%);
	background: linear-gradient(to bottom, #61431b 0%,#35240f 100%); 
}
.kantei .gnav ul{
	overflow: hidden;
}
.kantei .gnav ul li{
	width:25%;
  border-right: solid 1px rgba(255, 255, 255, 0.05);
}
.kantei .gnav ul li a{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif!important; 
	font-size: 20px;
	font-weight: bold;
	padding:15px 0;
	color: #FFF!important;
  transform: rotate(.03deg);
  text-shadow: #000 -1px -1px 1px;
}
.kantei .pankuzu{
	overflow:hidden;
	margin-bottom: 15px;
}
.kantei .pankuzu li, .kantei .pankuzu span{
	float: left;
	color: #808080;
	font-size:12px;
	padding-right: 6px;
}
.kantei .pankuzu li a{
	color: #527f33;
}

@media screen and (max-width: 1299px) {
	.kantei .gnav ul li a{
		font-size: 17.5px;
	}
	.kantei .gnav ul li:last-child a{
		font-size: 16.5px;
    letter-spacing: -2px;
    white-space: nowrap;
	}
}

/* 共通箇所設定 -----------------------------*/

/***** 開運データベース *****/
#search_area{
	border-radius: 5px;
	padding: 20px 10px 10px;
	background: url(/kantei/common/images/bg_green.png) repeat;
}
.tit_search_wrap{
	overflow: hidden;
}
.tit_search_wrap img{
	vertical-align: middle;
}
.tit_search_wrap span{
	font-size:24px;
	font-weight: bold;
	vertical-align: middle;
}
.tit_search{
	float:left;
	padding: 12px 0 0 30px!important;
}
.tit_search img{
	width: 30px;
}
.tit_search span{
	color: #fff;
	margin-left: 12px;
}
.tit_search_inner{
	float:right;
	overflow: hidden;
	padding-bottom: 22px!important;
}
.tit_search_inner div{
	float: left;
	width: 310px;
	height: 60px;
	line-height: 60px;
	border-radius: 5px;
}
.tit_search_inner div img{
	margin: 0 32px 0 15px;
}
.item_search{
	background:#fff;
	position: relative;
}
.item_search::before {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 15px 10px 0 10px;
	border-color: #fff transparent transparent transparent;
}
.kanteishi_search{
	background:#c8e1ba;
	margin-left: 10px!important;
}
.kanteishi_search a{
	display: block;
	color: #527f33;
	text-decoration: none;
}
.kanteishi_search a:hover{
	opacity: 0.6;
}

/*** タブ切り替え ***/
ul.resp-tabs-list {
	display: table;
	width: 100%;
}
.resp-tabs-list li {
	display: table-cell;
	font-weight: bold!important;
	font-size: 22px!important;
	width: 33.333%;
	background: #f0e8d3;
	border-top:5px solid #e6d2a1;
	border-bottom:1px solid #ccbaa3;
	border-left:1px solid #ccbaa3;
	color: #805624;
	box-sizing: border-box;
	padding: 8px 0;
	text-align: center;
	position: relative;
	cursor: pointer;
}
.resp-tabs-list li:hover {
	border-top:5px solid #e3c026;
}
.resp-tabs-list li.select {
	background: #fff;
	border-top:5px solid #e3c026;
	border-bottom:1px solid #fff;;
	color: #333;
}
.resp-tabs-list li:first-child {
	border-left:none;
}
.resp-tabs-list li:before {
	content: '';
	width: 54px;
	height: 28px;
	background-size: contain;
	vertical-align: middle;
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -14px;
}
.resp-tabs-list li.search_date:before {
	background:url(/kantei/common/images/icon_search_date.png) no-repeat;
}
.resp-tabs-list li.search_date.select:before {
	background:url(/kantei/common/images/icon_search_date_active.png) no-repeat;
}
.resp-tabs-list li.search_genre:before {
	background:url(/kantei/common/images/icon_search_genre.png) no-repeat;
}
.resp-tabs-list li.search_genre.select:before {
	background:url(/kantei/common/images/icon_search_genre_active.png) no-repeat;
}
.resp-tabs-list li.search_kanteishi:before {
	background:url(/kantei/common/images/icon_search_kanteishi.png) no-repeat;
}
.resp-tabs-list li.search_kanteishi.select:before {
	background:url(/kantei/common/images/icon_search_kanteishi_active.png) no-repeat;
}
.search_cnt_box {
	background: #fff;
	overflow: hidden;
}
.resp-tabs-box.hide {
	display: none;
}

/*** 放送日で探す ***/
.search_date_wrap{
	padding:30px 20px!important;
}

/*.search_date_select:after {
	content: '';
	width: 40px;
	height: 40px;
	background-image:url(/kantei/common/images/icon_arrow_select.png);
	background-size: contain;
	vertical-align: middle;
	display: block;
	position: absolute;
	top: 50%;
	right: 23px;
	margin-top: -7px;
}*/

.search_date_select,
.form_contact_select{
	position: relative;
	float: left;
}
.search_date_select select,
.form_contact_select select{
	-webkit-appearance: none;
	-moz-appearance: none;
  -ms-appearance:none;
	appearance: none;
	width: 100%;
	height: 40px;
	border: 1px solid #d9d9d9;
	background: url(/kantei/common/images/icon_arrow_select.png) right 50% no-repeat, -webkit-linear-gradient(top, #e6e6e6 0%,#fafafa 20%);
	background: url(/kantei/common/images/icon_arrow_select.png) right 50% no-repeat, linear-gradient(to bottom, #e6e6e6 0%,#fafafa 20%);
	background-size: 40px, 100%;
	padding-left: 10px;
	font-size: 16px;
}
.search_date_select select::-ms-expand,
.form_contact_select select::-ms-expand{
  display: none;
}
.search_date_select .year {
	width:250px;
}
.search_date_select .month {
	width:140px;
}
.search_date_select .day {
	width:140px;
}
.search_date_select label {
	color: #666;
	font-size:22px;
	vertical-align: middle;
	margin: 0 5px;
}
.btn_search{
	float:right;
	display: block;
	width: 250px;
	height: 50px;
	border-radius: 6px;
	background: #a81c01;
	box-shadow: 0 3px 0 #661201;
	color: #fff;
	text-align: center;
	font-size:18px!important;
	font-weight: bold;
	text-decoration: none;
	line-height: 50px;
	padding-left: 20px!important;
	box-sizing: border-box;
	position: relative;
}
.btn_search:after {
    content: '';
    width: 26px;
    height: 26px;
    background: url(/kantei/common/images/icon_search.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    display: block;
    position: absolute;
    top: 50%;
    left: 14px;
    margin-top: -13px;
}


.btn_search:hover{
	opacity: 0.6;
}
#search_area .resp-tabs-list li span {
	margin-left: 30px;
}

@media screen and (max-width: 1299px) {
	#search_area{
		padding:10px!important;
	}
	.tit_search{
		padding:0 0 10px!important;
	}
	.resp-tabs-list li{
		font-size:16px!important;
	}
	.search_genre span{
		margin-left:56px!important;
	}
	.search_date_select{
		float:none;
	}
	.search_date_select .year {
    	width: 40%;
	}
	.search_date_select .month {
		width: 20%;
	}
	.search_date_select .day {
		width: 20%;
	}
	.search_date_select label{
		font-size:16px;
	}
	.btn_search{
		float:none;
		margin: 30px auto 0!important;
	}
}

/*** ジャンルから探す ***/
.search_genre_wrap{
	padding: 20px 0 20px 0!important;
}
.search_genre_list{
	overflow:hidden;
}
.search_genre_box{
	float:left;
	width: 33.333%;
	padding:0 20px 0 10px!important;
	overflow: hidden;
	list-style: none;
}
.search_genre_box_list li{
	float:left;
	width:50%;
}
.tit_genre{
	color:#805624;
	font-weight: bold;
	padding: 2px 0 2px 10px!important;
	background: #f7f4eb;
	border-left: 5px solid #80694d!important;
	margin-bottom: 16px!important;
}
.search_genre_box a{
	margin-bottom:10px;
	display:inline-block;
  width: 122px;
	color: #805624;
	text-decoration: none;
	position: relative;
	padding: 0 0 0 10px;
  margin-left: 10px;
  vertical-align: top;
}
.search_genre_box a:last-child{
	margin-bottom: 30px;
}
.search_genre_box a:before{
	content: '';
	width: 5px;
	height: 14px;
	background-image:url(/kantei/common/images/icon_arrow_small.png);
  background-position: center left;
  background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	display: block;
	position: absolute;
	top: 6px;
	left: 0;
}
.search_genre_box a:hover {
	text-decoration: underline;
}


@media screen and (max-width: 1299px) {
	.search_genre_box{
		width:50%;
	}
}

/*** 鑑定士から探す ***/
.search_kanteishi_wrap{
	padding:20px 0 20px 20px!important;
}
.search_kanteishi_list, .search_kanteishi_list02{
	overflow: hidden;
}
.search_kanteishi_list{
	margin-bottom:10px!important;
}
.search_kanteishi_list li{
	float: left;
	width:290px;
	background: #fcf7f1;
	border: 1px solid #dedede;
	margin: 0 20px 10px 0!important;
}
.search_kanteishi_list li:hover {
	background: #eee7dc;
}
.search_kanteishi_list li a{
	display: block;
	color: #805624;
	font-weight: bold;
	text-decoration: none;
	padding: 5px !important;/*修正*/
}
.search_kanteishi_list li a img{
	vertical-align: middle;
	margin-right: 10px;
  height: 50px;/*修正*/
  width: auto;/*修正*/
}
.search_kanteishi_list li a p{
	display: inline-block;
	vertical-align: middle;
}
.search_kanteishi_list02 li{
	float:left;
	width:152px;
	margin-bottom:10px;
}
.search_kanteishi_list02 li a{
	display: block;
	color: #805624;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	padding: 0 10px 0 20px;
}
.search_kanteishi_list02 li a:before{
	content: '';
	width: 14px;
	height: 14px;
	background-image:url(/kantei/common/images/icon_arrow.png);
	background-size: contain;
	vertical-align: middle;
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
}
.search_kanteishi_list02 li a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 1299px) {
	.search_kanteishi_list li{
		width:285px;
	}
}


/***** 白背景コンテンツ *****/
.cnt_wrap{
	background:#fff;
	overflow: hidden;
}

/***** 3カラムリスト *****/
.col3_list{
	overflow:hidden;
	padding: 30px 30px 0!important;
}
.col3_list li{
	float: left;
	max-width:280px;
	width: 33.333%;
	margin: 0 35px 30px 0;
	background:#fff;
	border: 1px solid #ddd;
	box-sizing: border-box;
	position: relative;
	transition: all 300ms ease;
}
.col3_list li a{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
.col3_list li:nth-child(3n){
	margin-right: 0;
}
.img_col3_list img{
	width: 100%;
}
.col3_list li{
	float: left;
	max-width:280px;
	width: 33.333%;
	margin: 0 35px 30px 0;
	background:#fff;
	border: 1px solid #ddd;
	box-sizing: border-box;
	position: relative;
	transition: all 300ms ease;
}
.txt_col3_list{
	padding: 15px 20px!important;
}
.tag_studio{
	display:block;
	position: absolute;
	width: 70px;
	height: 20px;
	color: #fff;
	text-align: center;
	font-size: 12px!important;
	font-weight: bold;
	line-height: 20px;
	background: #de4b00;
	border-radius: 3px;
	top: -4px;
	left: -5px;
}
.tag_shucchou{
	display:block;
	position: absolute;
	width: 70px;
	height: 20px;
	color: #fff;
	text-align: center;
	font-size: 12px!important;
	font-weight: bold;
	line-height: 20px;
	background: #527f33;
	border-radius: 3px;
	top: -4px;
	left: -5px;
}

@media screen and (max-width: 1299px) {
	.col3_list {
    	padding: 30px 15px 0!important;
	}
	.col3_list li{
		width:29.333%;
		margin: 0 2% 30px;
	}
}

/***** 4カラムリスト *****/
.col4_list{
	overflow:hidden;
	padding: 30px 0 0 30px!important;
}
.col4_list li{
	float: left;
	max-width:205px;
	width: 25%;
	margin: 0 30px 30px 0;
	background:#fff;
	border: 1px solid #ddd;
	box-sizing: border-box;
	position: relative;
}
.col4_list li a{
	color: #000;
	text-decoration: none;
}
.img_col4_list img{
	width: 100%;
}
.txt_col4_list{
	padding: 15px 20px!important;
}
.txt_col4_list h3{
	font-weight: bold;
}

@media screen and (max-width: 1299px) {
	.col4_list {
    	padding: 30px 15px 0!important;
	}
	.col4_list li{
		width:29.333%;
		margin: 0 2% 30px;
	}
}

/***** 4newカラムリスト *****/
.col4n_list{
	overflow:hidden;
	padding: 30px 0 0 30px!important;
}
.col4n_list li{
	float: left;
	max-width:205px;
	width: 25%;
	margin: 0 30px 30px 0;
	background:#fff;
	border: 1px solid #ddd;
	box-sizing: border-box;
	position: relative;
}
.col4n_list li a{
	color: #000;
	text-decoration: none;
}
.txt_col4n_list{
	padding: 15px 20px!important;
}
.txt_col4n_list h3{
	font-weight: bold;
}

@media screen and (max-width: 1299px) {
	.col4n_list {
    	padding: 30px 15px 0!important;
	}
	.col4n_list li{
		width:29.333%;
		margin: 0 2% 30px;
	}
}


/***** pager *****/
.pagination{
	text-align: center;
}
.pagination ul{
	letter-spacing: -0.4em;
}
.pagination ul li{
	display: inline-block;
	letter-spacing: normal;
	margin: 0 5px;
}
.pagination ul li a{
	display: block;
	width: 40px;
	height: 40px;
	color: #527f33;
	text-decoration: none;
	line-height: 40px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	box-sizing: border-box;
}
.pagination ul li.pager_prev a,
.pagination ul li.pager_next a{
	width:62px;
}
.pagination ul li.current a{
	background: #c8e1ba;
	border: 2px solid #527f33;
}



/***** ボタン *****/
.btn_basic{
	display:block;
	border: 1px solid #d9d9d9;
	border-radius: 6px;
	background: #fff;
	width: 444px;
	height: 64px;
	line-height: 64px;
	font-size: 18px!important;
	color: rgb(87, 58, 24)!important;
	text-align: center;
	text-decoration: none;
	margin: 0 auto!important;
	position: relative;
}
.btn_basic:after{
	content: '';
	width: 14px;
	height: 14px;
	background-image:url(/kantei/common/images/icon_arrow.png);
	background-size: contain;
	vertical-align: middle;
	display: block;
	position: absolute;
	top: 50%;
	right: 23px;
	margin-top: -7px;
}
.btn_basic:hover{
	opacity: 0.6;
}

/***** バナー *****/
.bnr_area a{
	display:block;
	margin-bottom: 30px;
}
.bnr_area a img{
	width:100%;
}
.bnr_col2{
	overflow:hidden;
}
.bnr_col2 a{
	max-width: 470px;
	width: 50%;
	float: left;
}
.bnr_col2 a:last-child{
	float:right;
}
.bnr_area a:hover{
	opacity: 0.6;
}

@media screen and (max-width: 1299px) {
	.bnr_col2 a{
		width:49%;
	}
}

/* フォーム -----------------------------*/
.kantei_form_cnt{
	padding:60px 100px!important;
	background: #fff;
}
.kantei_form_cnt a{
	color:#527f33;
}
.link_privacy_policy{
	display: block;
	margin-bottom: 20px!important;
}


@media screen and (max-width: 1299px) {
	.kantei_form_cnt {
		padding: 30px 40px!important;
	}
}

.wrapper .iframe-content iframe,
.wrapper .iframe-content2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.wrapper .iframe-content {
	position: relative;
	width: 100%;
	padding: 190% 0 0 0;
}
.wrapper .iframe-content2 {
	position: relative;
	width: 100%;
	padding: 150% 0 0 0;
}
@media screen and (min-width: 1300px) {
	.wrapper .iframe-content {
		position: relative;
		width: 100%;
		padding: 145% 0 0 0;
	}
	.wrapper .iframe-content2 {
		position: relative;
		width: 100%;
		padding: 110% 0 0 0;
	}
}
.wrapper .iframe-content iframe,
.wrapper .iframe-content2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* -------------------------------------------

トップページ

 ---------------------------------------------------*/

/* 次回予告 -----------------------------*/
#next_area .cnt_wrap{
	padding:30px;
}
.img_next{
	float: left;
	position: relative;
	width: 440px;
	height: 248px;
}
.img_next iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%!important;
	height: 100%!important;
}
.img_next img{
	width: 100%;
}

.txt_next_wrap{
	float:right;
	width: 440px;
}
.next_day{
	color:#4c4c4c;
	margin-bottom: 16px!important;
	font-weight: bold;
}

@media screen and (max-width: 1299px) {
	.img_next{
		float: none;
		margin:0 auto 30px!important;
	}
	.txt_next_wrap{
		float: none;
		width: 100%;
	}
}

/* 出演者 -----------------------------*/
#performer_area .cnt_wrap{
	display: table;
	width: 100%;
	padding:40px 80px;
}
.performer_cnt{
	display:table-cell;
	padding: 0 30px!important;
	text-align: center;
	line-height: 1.6;
}
.performer_cnt img{
	width: 100%;
	margin-bottom: 20px;
}
.performer_name{
	font-size:18px!important;
	font-weight: bold;
}
.performer_name span{
	display: block;
	font-size:12px;
	font-weight: normal;
}

@media screen and (max-width: 1299px) {
	#performer_area .cnt_wrap{
		padding:30px;
	}
	.performer_cnt{
		padding:0 15px!important;
	}
}


/* -------------------------------------------

お問い合わせページ

 ---------------------------------------------------*/

/* よくある質問 -----------------------------*/

.faq_list{
	margin:30px 0!important;
}
.faq_list .switch_accordion{
	position: relative;
	padding:5px;
	margin-bottom: 10px;
	color: #805624;
	font-size: 18px;
	font-weight: bold;
	background:#f0e8d3;
	border-radius: 4px;
}
.faq_list .switch_accordion.open{
	border-radius: 4px 4px 0 0;
}
.faq_list .switch_accordion:before{
	content: "";
	display: inline-block;
	width: 50px;
	height: 50px;
	background-image: url(/kantei/common/images/icon_faq_q.png);
	background-size: contain;
	vertical-align: middle;
	margin-right: 10px;
}
.faq_list .switch_accordion:after{
	content: "";
	width: 30px;
	height: 30px;
	background-image: url(/kantei/common/images/icon_faq_open.png);
	background-size: contain;
	position: absolute;
	right: 20px;
	top:50%;
	margin-top: -15px;
}
.faq_list .switch_accordion.open:after {
	content: "";
	width: 30px;
	height: 30px;
	background-image: url(/kantei/common/images/icon_faq_close.png);
	background-size: contain;
	position: absolute;
	right: 20px;
	top:50%;
	margin-top: -15px;
}
.faq_list .switch_accordion p{
	display: inline-block;
	width: 80%;
	vertical-align: middle;
	line-height: 1.2;
}
.faq_list .accordion_box{
	padding:10px 5px 20px;
}
.faq_list .accordion_box:before{
	content: "";
	display: inline-block;
	width: 50px;
	height: 50px;
	background-image: url(/kantei/common/images/icon_faq_a.png);
	background-size: contain;
	vertical-align: middle;
	margin-right: 10px;
}
.faq_list .accordion_box p{
	display: inline-block;
	width: 90%;
	vertical-align: middle;
}

@media screen and (max-width: 1299px) {
	.faq_list .accordion_box p{
		width: 86%;
	}
}


.kanran .brdr_red {
    color: #4c3315;
    border: 4px double #9d883e;
    text-align: center;
    margin-bottom: 20px;
    padding: 20px 30px;
    font-size: 22px;
    font-weight: bold;
    background: url(/kantei/common/images/bg_yellow.png);
}

.kanran .box_policy_link {
	text-align: center;
	margin-bottom: 20px;
}
.kanran .link_privacy_policy {
	display: inline;
}

.faq .box_policy_link {
	text-align: center;
	margin-bottom: 20px;
}
.faq .link_privacy_policy {
	display: inline;
}
/* -------------------------------------------

鑑定依頼ページ

 ---------------------------------------------------*/

.irai_btn_wrap{
	letter-spacing:-0.4em;
	margin: 52px 0 56px!important;
}
.irai_btn_wrap a{
	display:inline-block;
	letter-spacing: normal;
	background: #fcf7f1;
	border: 1px solid #d9d9d9;
	border-radius: 6px;
	color: #805624;
	text-decoration: none;
	line-height: 1;
	padding: 11px 46px 11px 28px;
	margin-right: 20px;
	position: relative;
}
.irai_btn_wrap a:hover{
	opacity: 0.6;
}
.irai_btn_wrap a:after{
	content: '';
	width: 14px;
	height: 14px;
	background-image:url(/kantei/common/images/icon_arrow_bottom.png);
	background-size: contain;
	vertical-align: middle;
	display: block;
	position: absolute;
	top: 50%;
	right: 13px;
	margin-top: -7px;
}
.tit_irai{
	font-size:18px!important;
	border-left:5px solid #e3c026!important;
	padding-left: 8px!important;
	margin-bottom: 30px!important;
}

/* 封書でご応募 -----------------------------*/

.destination{
	background:#f7f7eb;
	border: 1px solid #d9d9d9!important;
	border-radius: 6px;
	padding: 40px!important;
	line-height: 1.6;
}

/* 応募の際の注意事項 -----------------------------*/

.apply_notice_area dl{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.apply_notice_area dl dt{
	font-weight: bold;
}
.tit_apply_notice{
	margin: 30px 0 10px!important;
}
.apply_notice_area dl dd{
    padding-left: 2em;
    text-indent: -1em;
}


/* -------------------------------------------

放送詳細ページ

 ---------------------------------------------------*/

.onair_detail_wrap{
	background: #fff;
	padding-bottom:50px!important;
}
.onair_detail_wrap .cnt_wrap{
	padding:30px 30px 0!important;
}

.img_onair_detail{
	float: left;
	width: 440px;
	height: 248px;
	background: url(/kantei/common/images/bg_item.jpg) no-repeat;
	background-size: cover;
	position: relative;
	text-align: center;
}
.img_onair_detail img{
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
  min-width: 300px;/*修正*/
}

.img_onair_detail img.movie{
	width: 100%;
}

.onair_detail_wrap .txt_col3_list{
	background:#f7f7eb;
}
.page_control{
	padding:0 30px!important;
}
.page_control a{
	display:block;
	height: 60px;
	color: #573a18;
	font-size: 18px;
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	background: #fcf7f1;
	border: 1px solid #d9d9d9;
	border-radius: 6px;
	box-sizing: border-box;
	position: relative;
}
.page_control a:hover{
	opacity: 0.6;
}
.page_control_prev, .page_control_next{
	width: 49.5%;
	margin-bottom: 8px!important;
}
.page_control_prev{
	float: left;
}
.page_control_next{
	float: right;
}
.page_control a:after{
	content: '';
	width: 14px;
	height: 14px;
	background-image:url(/kantei/common/images/icon_arrow.png);
	background-size: contain;
	vertical-align: middle;
	display: block;
	position: absolute;
	top: 50%;
	right: 17px;
	margin-top: -7px;
}
.page_control_prev:after{
	background-image:url(/kantei/common/images/icon_arrow_left.png)!important;
	right: 0;
	left: 17px;
}


@media screen and (max-width: 1299px) {
	.img_onair_detail {
		float: none;
		margin:0 auto 30px!important;
	}
}

/* -------------------------------------------

お宝詳細ページ

 ---------------------------------------------------*/

.item_detail_wrap .cnt_wrap{
	padding:50px 100px 30px!important;
}
.item_name{
	color: #111;
	font-size: 30px!important;
	text-align:center;
	margin: 20px 0!important;
}
.img_item_main{
	width: 770px;
	height: 434px;
	background: url(/kantei/common/images/bg_item.jpg) no-repeat;
	background-size: cover;
	position: relative;
	text-align: center;
}
.img_item_main img{
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	min-width: 400px;
  max-width: 100%;
	width: auto;
}
@media screen and (max-width: 1299px) {
.img_item_main img{
	min-width: 400px;
  max-width: 570px;
}
}
.item_detail_box table{
	width: 100%;
	background: url(/kantei/common/images/bg_yellow.png) repeat;
	border-top: 1px solid #d9c57e;
	border-right: 1px solid #d9c57e;
	box-sizing: border-box;
}
.item_detail_box table th{
	width: 145px;
	text-align: left;
	font-weight: normal;
	border-bottom: 1px solid #d9c57e;
	border-left: 1px solid #d9c57e;
	box-sizing: border-box;
	padding-left: 20px;
	vertical-align: middle;
}
.item_detail_box table th.episode{
	vertical-align: top;
	padding-top: 15px;
}
.item_detail_box table td{
	background:#fff;
	border-bottom: 1px solid #d9c57e;
	border-left: 1px solid #d9c57e;
	box-sizing: border-box;
	padding: 11px 20px;
	font-size: 18px;
}
.item_detail_box table td a{
	color: #527f33;
}
.wrapper .item_socialbtn {
  margin: 30px 0 50px 0;
  background: #f8f4e6;
  border-radius: 2px;
	border: 1px solid #d9c57e;
}
.wrapper .item_socialbtn_txt {
  display: inline-block;
  width: 145px;
	background: url(/kantei/common/images/bg_yellow.png) repeat;
  padding: 10px 10px 10px 15px;
  vertical-align: top;
}
.wrapper .tx_social_table {
  display: inline-block;
  padding: 15px 10px 0 30px ;
  vertical-align: top;
}
.opentheprice_area{
	background: #bfbfbf;
	border-radius: 4px;
	margin:20px 0!important;
	padding: 5px!important;
}
.opentheprice_area .price{
	width: 463px;
	height: 68px;
	background: #000;
	border-radius: 4px;
	float: left;
	position: relative;
	padding: 0 7px 0 5px;
	text-align: right;
	box-sizing: border-box;
}
.opentheprice_area .price img{
	padding-top: 14px!important;
	width: 100%;
}
.btn_opentheprice {
	display: block;
	float: right;
	width: 292px;
}
.btn_opentheprice img.w_btn{
	width: 100%;
}
.btn_opentheprice img.n_btn{
	display: none;
}
.appraisalresult{
	width: 760px;
	height: 237px;
	background:url(/kantei/common/images/bg_appraisalresult.png) no-repeat;
	background-size: cover;
	margin-top: 10px!important;
}
.tit_appraisalresult{
	width:690px;
	margin: 0 auto!important;
	padding-top: 18px!important;
}
.txt_appraisalresult{
	width: 650px;
	height:130px;
	overflow-y: scroll;
	margin: 10px auto 0!important;
}
.item_detail_wrap .txt_notice{
	font-size:15px;
}

@media screen and (max-width: 1299px) {
	
	.opentheprice_area .price {
		width:400px;
		height: 60px;
	}
	.opentheprice_area .price img{
		padding-top: 12px!important;
	}

	.appraisalresult{
		width: 560px;
		height: 238px;
		margin-top: 5px!important;
		background:url(/kantei/common/images/bg_appraisalresult_narrow.png) no-repeat;
		background-size: contain;
	}
	.btn_opentheprice {
		width: 152px;
	}
	.btn_opentheprice img.w_btn{
		display:none;
	}
	.btn_opentheprice img.n_btn{
		height: 60px;
		display: block;
	}

	
	.tit_appraisalresult{
		width: 500px;
		overflow: hidden;
		}
	.tit_appraisalresult img {
		margin-left: -90px;
	}
	.txt_appraisalresult{
		width: 500px;
		height: 125px;
	}

	.item_detail_wrap .cnt_wrap {
    	padding: 30px 40px!important;
	}
	.img_item_main{
		width:570px;
		height: 321px;
	}
}


/* -------------------------------------------

鑑定士一覧ページ

 ---------------------------------------------------*/

.kanteishi_list_wrap{
	overflow:hidden;
	padding: 30px 0 0 30px!important;
}
.kanteishi_col4_list, .kanteishi_col5_list, .kanteishi_col3_list{
	overflow:hidden;
}
.kanteishi_col4_list li{
	float: left;
	width:205px;
	margin: 0 30px 30px 0;
	background:#fff;
	border: 1px solid #ddd;
	box-sizing: border-box;
	position: relative;
}
.kanteishi_col4_list li a, .kanteishi_col5_list li a, .kanteishi_col3_list li a{
	color: #000;
	text-decoration: none;
}
.img_kanteishi_list img{
	width: 100%;
}
.txt_kanteishi_list{
	padding: 15px 10px!important;
}
.txt_kanteishi_list dl{
	color: #4c4c4c;
	line-height: 1.6;
}

.kanteishi_col5_list li{
	float: left;
	width:158px;
	margin: 0 30px 30px 0;
	background:#fff;
	border: 1px solid #ddd;
	box-sizing: border-box;
	position: relative;
}

.kanteishi_col3_list li{
	float: left;
	width:290px;
	margin: 0 20px 30px 0;
	background:#fff;
	border: 1px solid #ddd;
	box-sizing: border-box;
	position: relative;
}

@media screen and (max-width: 1299px) {
	.kanteishi_list_wrap {
    	padding: 30px 15px 0!important;
	}
	.kanteishi_col4_list li{
		width:46%;
		margin: 0 2% 30px;
	}
	.kanteishi_col5_list li{
		width:29.333%;
		margin: 0 2% 30px;
	}
	.kanteishi_col3_list li{
		width:46%;
		margin: 0 2% 30px;
	}

}


/* -------------------------------------------

鑑定士詳細ページ

 ---------------------------------------------------*/

.kanteishi_data .cnt_wrap{
	padding:30px!important;
}
.kanteishi_data .img_kanteishi{
	width:205px;
	float: left;
}
.kanteishi_data .img_kanteishi img{
	width:205px;
	margin: 0 auto 20px auto;
}
.kanteishi_detail_box {
	width: 675px;
	float: right;
	margin-bottom: 20px!important;
}
.kanteishi_detail_box table{
	width: 100%;
	background: url(/kantei/common/images/bg_yellow.png) repeat;
	border-top: 1px solid #d9c57e;
	border-right: 1px solid #d9c57e;
	box-sizing: border-box;
}
.kanteishi_detail_box table th{
	width: 145px;
	text-align: left;
	font-weight: normal;
	border-bottom: 1px solid #d9c57e;
	border-left: 1px solid #d9c57e;
	box-sizing: border-box;
	padding-left: 20px;
	vertical-align: middle;
}
.kanteishi_detail_box table th.profile{
	vertical-align: top;
	padding-top: 15px;
}
.kanteishi_detail_box table td{
	background:#fff;
	border-bottom: 1px solid #d9c57e;
	border-left: 1px solid #d9c57e;
	box-sizing: border-box;
	padding: 11px 20px;
}
.kanteishi_detail_box table td.name{
	font-size:18px;
	font-weight: bold;
}

@media screen and (max-width: 1299px) {
	.kanteishi_data .img_kanteishi{
	width:205px;
	float: none;
	margin: 0 auto 20px auto;
  text-align: center;
	}
.kanteishi_detail_box { /*修正*/
	width: 100%;
	float: none;
}
}

.btn_more_kanteishi{
	clear: both;
	display:block;
	border: 1px solid #d9d9d9;
	border-radius: 6px;
	background: #fcf7f1;
	width: 440px;
	height: 60px;
	line-height: 60px;
	font-size: 18px!important;
	color: rgb(87, 58, 24)!important;
	text-align: center;
	text-decoration: none;
	margin: 0 auto!important;
	position: relative;
}
.btn_more_kanteishi:after{
	content: '';
	width: 14px;
	height: 14px;
	background-image:url(/kantei/common/images/icon_arrow.png);
	background-size: contain;
	vertical-align: middle;
	display: block;
	position: absolute;
	top: 50%;
	right: 23px;
	margin-top: -6px;
}
.btn_more_kanteishi:hover{
	opacity: 0.6;
}


/* -------------------------------------------

ランキングページ

 ---------------------------------------------------*/

.ranking_wrap{
	padding:30px 0 20px!important;
	background: #fff;
}
.ranking_cap{
	margin-left: 30px!important;
}
.year_switching{
	max-width: 910px;
	margin: 0 auto!important;
	border-left: 1px solid #ddd!important;
	border-top: 1px solid #ddd!important;
	box-sizing: border-box;
	letter-spacing: -0.4em;
}
.year_switching a{
	display:inline-block;
	text-align: center;
	text-decoration: none;
	color: #527f33;
	font-size: 18px;
	width:16.666%;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	letter-spacing: normal;
	padding: 8px 0;
}
.year_switching a:hover {
	background:#c8e1ba;	
	font-weight: bold;
}
.year_switching a.current{
	font-weight: bold;
	background:#c8e1ba;
	box-shadow: 0 0 0 2px #527f33 inset;
}
.tit_ranking{
	font-size:24px!important;
	margin: 30px 0 16px 30px!important;
}
.ranking_list, .ranking_higher_list{
	overflow:hidden;
	padding: 0 0 0 25px!important;
}
.ranking_list li{
	float: left;
	max-width:205px;
	width: 25%;
	margin: 5px 26px 30px 5px;
	padding-bottom: 60px;
	background:#f7f7eb;
	box-sizing: border-box;
	position: relative;
}
.ranking_higher_list li{
	float: left;
	max-width:280px;
	width: 33.333%;
	margin: 5px 30px 30px 5px;
	padding-bottom: 60px;
	background:#f7f7eb;
	box-sizing: border-box;
	position: relative;
}
.ranking_list li .tag, .ranking_higher_list li .tag{
	position:absolute;
	left: -5px;
	top: -5px;
}
.img_ranking img{
	width: 100%;
}
.txt_ranking_list{
	padding: 20px!important;
}
.txt_ranking_list .price{
	color: #593c19;
	font-size: 20px;
	line-height: 1.2;
	margin-bottom: 15px;
}
.txt_ranking_list .price span{
	font-size:26px;
	font-weight: bold;
}
.txt_ranking_list .name{
	font-weight: bold;
	line-height: 1.6;
}
.txt_ranking_list .day{
	color: #666;
	font-size:12px;
}
.btn_ranking{
	display: block;
	width: 180px;
	height: 40px;
	position:absolute;
	position:absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -90px!important;
	border-radius: 6px;
	border: 1px solid #d9d9d9;
	background: #fff;
	text-align: center;
	text-decoration: none;
	color: #573a18;
	line-height: 40px;
}
.btn_ranking:after {
    content: '';
    width: 4px;
    height: 8px;
    background: url(/kantei/common/images/icon_arrow_small.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px;
}

.btn_ranking:hover{
	opacity: 0.6;
}


.btn_ranking:hover{
	opacity: 0.6;
}



@media screen and (max-width: 1299px) {
	.year_switching{
		width: 92%;
	}
	.year_switching a{
		width:20%;
		padding: 6px 0;
	}
	.tit_ranking{
		margin:30px 0 15px 25px!important;
	}
	.ranking_list, .ranking_higher_list {
    	padding: 0 15px!important;
	}
	.ranking_list li, .ranking_higher_list li {
    	width: 29.333%;
    	margin: 5px 2% 30px;
		padding-bottom: 50px;
	}
	.txt_ranking_list .price{
		font-size:18px;
		margin-bottom: 10px;
	}
	.txt_ranking_list .price span{
		font-size:24px;
	}
	.btn_ranking{
		width:90%;
		margin-left: -45%!important;
	}
}



/* -------------------------------------------

　右カラムのスタイル設定

 ---------------------------------------------------*/

.right_clmn_bnr a {
	display: block;
	width: 100%;
}
.right_clmn_bnr a:hover {
	opacity: 0.6;
}
.right_clmn_bnr img {
	width: 100%;
}


/* 右カラムランキング枠共通 */

.kantei_ranking_access,
.kantei_ranking_price {
	padding-bottom: 10px!important;
	background: url(/kantei/include/images/bg_rank.png);
}
.kantei_ranking_access a,
.kantei_ranking_price a {
	display: block;
	color: #333!important;
	text-decoration: none!important;
}
.kantei_ranking_access .rank_box,
.kantei_ranking_price .rank_box {
	width: 280px;
	margin: 0 auto;
	background: #FFF;
	border-radius: 3px;
	box-shadow:-2px 1px 10px -3px rgba(0,0,0,0.6);
}
.kantei_ranking_access .link_more,
.kantei_ranking_price .link_more {
	display: block;
	width: 100%;
	padding: 20px 0;
	text-align: center;
	text-decoration: none;
	color: #593c19;
	background: #fcf7f1;
	border-radius: 0 0 3px 3px;
	position: relative;
}
.kantei_ranking_access .link_more:after,
.kantei_ranking_price .link_more:after {
	content: '';
    width: 14px;
    height: 14px;
    background-image: url(/kantei/common/images/icon_arrow.png);
    background-size: contain;
    vertical-align: middle;
    display: block;
    position: absolute;
    top: 50%;
    right: 23px;
    margin-top: -7px;
}
.kantei_ranking_access .link_more:hover,
.kantei_ranking_price .link_more:hover {
	background:#fbeddc;
}

/* ランキングタイトル */
.kantei_ranking_access h1,
.kantei_ranking_price h1 {
	color: #FFF;
	margin-bottom: 10px;
	padding: 18px 0 18px 48px;
	font-size: 18px;
	font-weight: bold;
	background: url(/kantei/common/images/bg_brown.png);
	position: relative;
}
.kantei_ranking_access a h1,
.kantei_ranking_price a h1 {
	color: #FFF!important;
	display: block;
}
.kantei_ranking_access a h1:hover,
.kantei_ranking_price a h1:hover {
	color: rgba(255,255,255,0.5)!important;
}
.kantei_ranking_access h1:before {
	content: url('/kantei/include/images/icon_accessrank_tit.png');
	position: absolute;
	left: 10px;
	top:0;
	margin-top: 18px;
}

.kantei_ranking_price h1:before {
	content: url('/kantei/include/images/icon_pricerank_tit.png');
	position: absolute;
	left: 13px;
	top:0;
	margin-top: 18px;
}

/* ランキング順位表示 */

.kantei_ranking_access ul li,
.kantei_ranking_price ul li {
	font-size: 18px;
	position: relative;
}
.kantei_ranking_access ul li:hover,
.kantei_ranking_price ul li:hover {
	background: #eee7dc;
}

.kantei_ranking_access ul li a,
.kantei_ranking_price ul li a {
	margin: 0 10px;
	display: block;
    padding: 20px 0 20px 54px;
	border-top: 1px solid #dedede;
}

.kantei_ranking_access ul li.rank_1,
.kantei_ranking_price ul li.rank_1 {
	border-top: none;
}

.kantei_ranking_access ul li.rank_1 {
	margin: 0;
	position: static;
	box-sizing: border-box;
}
.kantei_ranking_access ul li.rank_1 a {
	padding: 10px 0 0 0;	
}
.kantei_ranking_access ul li.rank_1 div {
	margin: 0 10px 0 0;
	padding: 20px 0 20px 54px;
	position: relative;
}
.kantei_ranking_access ul li.rank_1 img {
	width: 100%;
	display: block;
}

.kantei_ranking_access ul li .icon_rank,
.kantei_ranking_price ul li .icon_rank {
	width: 40px!important;
	position: absolute;
	left:10px;
	bottom: 50%;
	margin-bottom: -14px;
}
.kantei_ranking_access ul li.rank_1 .icon_rank {
	left: 0;
}

.kantei_ranking_access ul li.rank_4 .icon_rank,
.kantei_ranking_access ul li.rank_5 .icon_rank{
	margin-bottom: -13px;
}


/* スクロール時固定枠*/
.right_area_fixed{
	position:fixed;
	top:25px;
	width: 300px;
	z-index: 0;
}

/* フォントサイズ */
.kantei_ranking_access ul li.rank_1 {
	font-size: 20px;
  line-height: 1.2;
	font-weight: bold;
}
.kantei_ranking_access ul li.rank_2,
.kantei_ranking_access ul li.rank_3{
	font-size: 18px;
	font-weight: bold;	
}

.kantei_ranking_price ul li {
	font-size: 22px;
	font-weight: bold;
}
.kantei_ranking_price ul li span {
	font-size: 80%;
	font-weight: normal;
}


/***** カテゴリー一覧 *****/
.kantei_cate_list {
	background: #FFF;
}

.kantei_cate_list h1 {
	padding: 16px 0 0 0;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	border-top: 4px solid #33541d;
}

.kantei_cate_list ul {
	padding: 17px 8px 17px;
}
.kantei_cate_list li {
	display: inline-block;
}
.kantei_cate_list li a {
	margin: 3px 2px;
	padding: 7px 10px 7px 25px;
	display: block;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #cccccc;
	border-radius: 25px;
	position: relative;
	text-decoration: none!important;	
	color: #000!important;
	transition: all 100ms ease;
}
.kantei_cate_list li a:hover {
	color: #FFF!important;
	background: #aaa;
}

.kantei_cate_list li a:before {
	content: url('/kantei/include/images/icon_search_green.png');
	position: absolute;
	left:8px;
	top: 50%;
	margin-top: -7px;
} 

/* -------------------------------------------

　オープンザ・プライス

 ---------------------------------------------------*/

.appraisalresult{background-size: 100% auto;visibility: hidden;}
.appraisalresult.show{background-size: 100% auto;visibility: visible;}

/* 数字画像のサイズ */
.opentheprice_area .price img{
	width: auto;
	height: 65px;
}

@media screen and (max-width: 1299px) {
.opentheprice_area .price img{
	width: auto;
	height: 55px;
	}
}

/*ボタンがクリック後無効になった場合のクラス*/
a.btn_opentheprice.disabled{opacity: 0.5;pointer-events:none;}


#txcms_footer {
	z-index: 1;
	position: relative;
}


/*** TOPへ戻る ***/
#btn_page_top {
	position: fixed;
	bottom: 40px;
	right: 50px;
	z-index: 5;
	width: 44px;
	height: 44px;
	background: #2C4C18;
	border-radius: 50%;
	text-indent: -9999px;
	display: block;
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.6);
}
#btn_page_top:after {
	content: "";
	position: absolute;
	right: 20px;
	top: 55%;
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: translateY(-50%) rotate(-45deg); 
	transform: translateY(-50%) rotate(-45deg); 
	right: 16px; 
	width: 10px; 
	height: 10px; 
	border-color: #fff; 
}
#btn_page_top:hover { 
	opacity: 0.9;
}

.col3_list li,
.col4_list li,
.kanteishi_col4_list li,
.kanteishi_col5_list li{
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.col3_list li:hover,
.col4_list li:hover,
.kanteishi_col4_list li:hover,
.kanteishi_col5_list li:hover{
opacity: 0.7;
}


/*以下、フォーム用スタイル（リリース時に削除する）*/
.kantei_form_cnt input, .kantei_form_cnt textarea {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.kantei_form_cnt table{
	width: 100%;
	background: url(/kantei/common/images/bg_yellow.png) repeat;
	border-top: 1px solid #d9c57e;
	border-right: 1px solid #d9c57e;
	box-sizing: border-box;
}
.kantei_form_cnt table th{
	width: 160px;
	text-align: left;
	font-weight: normal;
	border-bottom: 1px solid #d9c57e;
	border-left: 1px solid #d9c57e;
	box-sizing: border-box;
	padding-left: 20px;
	vertical-align: middle;
}
.kantei_form_cnt table th.tit_kantei_form_top{
	vertical-align: top;
	padding-top: 20px;
}
.kantei_form_cnt table td{
	background:#fff;
	border-bottom: 1px solid #d9c57e;
	border-left: 1px solid #d9c57e;
	box-sizing: border-box;
	padding: 10px;
}
.kantei_form_cnt table td span{
	margin: 0 16px;
}
.kantei_form_input{
	width: 370px;
    height: 40px;
    background: -webkit-linear-gradient(top, #e6e6e6 0%,#fafafa 20%);
    background: linear-gradient(to bottom, #e6e6e6 0%,#fafafa 20%);
	border: 2px solid #d9d9d9;
	border-radius: 5px;
	box-sizing: border-box;
    padding:0 10px;
    font-size: 16px;
}
.kantei_form_input_small{
	width: 80px;
}
.form_contact_select{
	width:100%;
}
.kantei_form_cnt input[type=radio]{
	display:none;
}
.kantei_form_cnt .radio{
  box-sizing: border-box;
  position: relative;
  display: inline-block;
	margin-right: 20px;
  padding: 6px 0 6px 32px;
  border-radius: 8px;
  vertical-align: middle;
  cursor: pointer;
}
.kantei_form_cnt .radio:after {
  position: absolute;
  top: 50%;
  left: 3px;
  display: block;
  margin-top: -11px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 50%;
  content: '';
}
.kantei_form_cnt .radio:before {
  position: absolute;
  top: 50%;
  left: 8px;
  display: block;
  margin-top: -6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #bd9652;
  content: '';
  opacity: 0;
}
.kantei_form_cnt input[type=radio]:checked + .radio:before {
  opacity: 1;
}
.form_contact_select select{
	width:370px;
	border: 2px solid #d9d9d9;
}
.form_contact_textarea{
	height: 160px;
}
.form_contact_textarea textarea{
	width: 100%;
	height: 100%;
    background: -webkit-linear-gradient(top, #e6e6e6 0%,#fafafa 20%);
    background: linear-gradient(to bottom, #e6e6e6 0%,#fafafa 20%);
	border: 2px solid #d9d9d9;
	border-radius: 5px;
	box-sizing: border-box;
    padding:10px;
    font-size: 16px;
	resize: none;
}
.form_contact_file{
	padding:16px 10px!important;
}
.btn_send{
	display:block;
	width: 380px;
	height: 60px;
	margin: 30px auto 0!important;
	border-radius: 6px;
	background: #a81c01;
	box-shadow: 0 3px 0 #661201;
	color: #fff!important;
	text-align: center;
	text-decoration: none;
	font-size: 18px!important;
	font-weight: bold;
	line-height: 60px;
	position: relative;
}
.btn_send:after {
    content: '';
    width: 14px;
    height: 14px;
    background: url(/kantei/common/images/icon_arrow_white.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -7px;
}


.btn_send:hover{
	opacity: 0.6;
}
/**********************************************************************
スマホサイトへ遷移するボタン
**********************************************************************/
.wrapper .smpBranch { padding: 15px 15px 25px 15px; background: #fff; }
.wrapper .smpBranch a, .wrapper .smpBranch nav ul li span, .wrapper nav ul li .smpBranch span { display: block; background: #1365C8; color: #fff; font-weight: bold; font-size: 54px; text-decoration: none; padding: 35px 0; text-align: center; text-shadow: -5px -5px 1px #05378B; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0px 10px 0px #05378B; }

/* 高さ揃え
 * ---------------------------------------*/
.wrapper .col3_list,.wrapper .col4_list,.wrapper
.kanteishi_col4_list,.wrapper .kanteishi_col5_list,.wrapper
.ranking_list,.wrapper .ranking_higher_list,.search_genre_list{
display: -ms-flexbox; display: -webkit-flex; display: flex;
-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}

