@charset "utf-8";

/* ----------------------------------------
  page Style Seet

	3-1. index
	3-2.
	3-3.
	3-4.
	3-5.
	3-6.
	3-7.
	3-8.
	3-9.
	3-10.
	3-11.
---------------------------------------- */


/* ----------------------------------------
  3-1. index
---------------------------------------- */

#channel_list{overflow:hidden;}
#channel_list ul{
	margin:0 0 0px -3px;
	background:url(../../common/img/bg_movielist.png) repeat-y right 0;
}

#channel_list ul li{
	float:left;
	width:178px;
	min-height:250px;
	margin:0 0 3px 3px;
	background-color:#fff;
}

.channel_photo{
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	width:178px;
	height:134px;
}

#channel_list ul li p{padding:5px 10px 0 10px;}
#channel_list ul li .movie_title{font-weight:bold;}


/* ----------------------------------------
  3-2. 2nd
---------------------------------------- */

a#goindex{
	margin-left: 10px;
}

#movi_play_ch{
	background:url(../img/bg_movietitle.png) no-repeat left top #fff;
	height:70px;
	color:#383C84;
	margin-bottom:20px;
}

#movi_play_ch h2{
	margin-left:68px;
	font-size:24px;
	line-height:1.3;
	padding-top:5px;
}

#movie_category{
	float:right;
	width:220px;
	height:70px;
	line-height:70px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	background-color:#EEEEEE;
}

#movie_area{
	float:left;
	width:640px;
	margin:0 auto 20px auto;
}

#movie_area960{
	width:960px;
}

.release_date_area{
	background-color:#fff;
	margin-bottom:10px;
	padding-bottom:2px;
	overflow:hidden;
}

.release_date_title{
	height:40px;
	margin-bottom:10px;
}

.release_date_title h3{float:left;}

.release_date{
	width:200px;
	text-align:center;
	float:left;
	line-height:40px;
	font-size:16px;
}

.manzoku{
	position:relative;
	width:150px;
	float:left;
	line-height:40px;
	font-size:16px;
}

.manzoku_star_area{
	position:absolute;
	right:0px;
	top:0px;
	width:78px;
	float:right;
	padding-top:11px;
	height:30px;
}

.manzoku_star{
	text-indent:-999em;
	overflow:hidden;
	background:url(../img/star.png) no-repeat left top;
	height:40px;
}

.release_date_text{
	padding:0 10px;
	word-wrap : break-word;
	overflow-wrap : break-word;
}
.release_date_text_more{display:none;}
.release_date_area .openMoreList{background-color:#CCCCCC;}

.release_date_area .open_more_list a{
	float:right;
	display:block;
	padding:5px;
	line-height:1.5;
	width:100px;
	text-align:left;
}

#social{
	height:24px;
	margin-bottom:15px;
	overflow:hidden;
	vertical-align:top;
}

.twitter,
.facebook{
	display:inline-block;
	height:24px;
	width:100px;
	vertical-align:top;
}

*:first-child+html .twitter,
*:first-child+html .facebook{
	width:120px;
	display:block;
	float:left;
}

.facebook{
	position:relative;
	top:-2px;
}

.movie_url_area{
	margin-bottom:20px;
	overflow:hidden;
	background:#fff;
}

.movie_url_area h3{float:left;}

.movie_url{
	float:left;
	width:470px;
	min-height:25px;
	font-size:16px;
	line-height:1.1;
	padding:15px 0 0 25px;
}

.enquete_area{
	margin-bottom:20px;
	overflow:hidden;
	background:#fff;
}

.enquete_area h3{margin-bottom:0px;}

.enquete_area table{}
.enquete_area table td{
	border:4px solid #E2D2BD;
	padding:15px 15px 5px 15px;
	vertical-align:top;
}

.enquete_area table td:first-child{width:40%;}
.enquete_area table td h4{margin-bottom:8px;}

.enquete_aboutchannel label{
	width:80px;
	float:left;
	display:block;
	font-size:14px;
	margin-bottom:7px;
	background:url(../img/radio.png) no-repeat left top;
	padding-left:25px;
	cursor:pointer;
}
.enquete_aboutchannel label.checked{background-image:url(../img/radio_checked.png);}
.enquete_aboutchannel label input{display:none;}

.enquete_area table td .btn_send{
	clear:both;
	text-align:right;
}

.enquete_aboutchannel2 textarea{
	width:100%;
	height:70px;
	margin-bottom:10px;
}

.relative_info_area{
	margin-bottom:20px;
	overflow:hidden;
	background:#fff;
}

.relative_info_area h3{float:left;}

.relative_info{
	float:left;
	width:470px;
	font-size:16px;
	line-height:1.5;
	padding:5px 10px 0 10px;
	
}

.relative_movie_area{
	margin-bottom:40px;
	overflow:hidden;
}

.relative_movie_area h3{margin-bottom:10px;}
.relative_movie_area ul{
	margin:0 0 5px -3px;
	background:url(../../common/img/bg_movielist.png) repeat-y 3px top;
}

.relative_movie_area ul li{
	float:left;
	width:178px;
	min-height:250px;
	margin:0 0 3px 3px;
	background-color:#fff;
}

.relative_movie_area ul li p{padding:5px 10px 0 10px;}
.relative_movie_area ul li .movie_title{font-weight:bold;}
.relative_movie_area .open_more_list{width:540px;}
#relativeMovieMore li:first-child{clear:left;}

/* 2016.03.07 Add Start */
/*header_search position*/
#page_2nd #header_search {
	width: 670px;
	padding: 9px 0 0px 90px;
}

/*category_select_menu*/
.category_select_menu_g {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.category_select_menu_g dl {
	position: relative;
}
.category_select_menu_g dt {
	background-color: #999;
	height: 50px;
	width: 220px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}
.category_select_menu_g dt:before {
	content: "";
	width: 14px;
	height: 14px;
	display: inline-block;
	background-image: url(/common/img/icon_open.png);
	margin-right: .5em;
	vertical-align: middle;
}
.category_select_menu_g.show dt:before {
	background-image: url(/common/img/icon_close.png);
}
.category_select_menu_g dd {
	width: 1000px;
	position: absolute;
	right: 0;
	top: 100%;
	background-color: #fff;
	border: solid 1px #ddd;
	box-sizing: border-box;
	padding: 15px 15px 100px 15px;
	padding: 15px 0 100px 15px\9;
	
	display: none;
}
.category_select_menu_g dd ul {
	letter-spacing: -.41em;
}
.category_select_menu_g dd li {
	letter-spacing: normal;
}
.category_select_menu_g dd>ul>li {
	display: inline-block;
	width: 20%;
	width: 19.5%\9;
	margin-top: .5em;
	margin-bottom: .5em;
	position: relative;
	box-sizing: border-box;
	padding-right: 5px;
}
.category_select_menu_g dd>ul>li>div a {
	border-left: solid 4px #26a9e1;
	display: block;
	padding: .5em 0 .25em .5em;
	font-size: 14px;
	font-weight: bold;
	color: #000077;
	line-height: 1;
}

.category_select_menu_g dd ul ul {
	display: none;
	position: absolute;
	left: 0;
	right: 5px;
	top: 100%;
	background-color: #eee;
	z-index: 1;
	padding: .5em 1em;
	box-sizing: border-box;
}
.category_select_menu_g dd ul ul li {
	margin-top: .5em;
	margin-bottom: .5em;
	text-indent: -1em;
	padding-left: 1em;
}
.category_select_menu_g dd ul ul li:before {
	content: "・";
}
.category_select_menu_g dd>ul>li>div {
	position: relative;
}
.category_select_menu_g dd>ul>li>div a:hover,
.category_select_menu_g dd>ul>li.show>div a,
.category_select_menu_g dd>ul>li.active>div a {
	background-color: #999;
	color: #fff;
	border-left-color: #999;
	text-decoration: none;
}
.category_select_menu_g dd>ul>li>div i {
	width: 14px;
	height: 14px;
	background-image: url(/common/img/icon_close.png);
	text-indent: -9999px;
	text-align: left;
	position: absolute;
	right: 5px;
	top: 5px;
	display: none;
	cursor: pointer;
}
.category_select_menu_g dd>ul>li.show>div i {
	display: block;
}
.category_select_menu_g dd>ul>li>div.show + ul {
/*			display: block*/
}
.category_select_menu_close {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #999;
	font-size: 14px;
	color: #fff;
	line-height: 1;
	padding: .75em 2em;
	cursor: pointer;
}
.category_select_menu_close:before {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	background-image: url(/common/img/category_select_menu_close_ico.png);
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
	margin-right: .5em;
}

/*.relative_info*/
.relative_info a {
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;
}
.relative_info a:before {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	background-image: url(/common/img/caret_relative_link.png);
	background-repeat: no-repeat;
	background-position: center .1em;
	vertical-align: middle;
	line-height: 1;
}
/* 2016.03.07 Add End */

/* ----------------------------------------
  3-2. opinion
---------------------------------------- */

.page_opinion{}
.page_opinion textarea{width:99%;
height:300px;
margin-bottom:10px;
}


/* ----------------------------------------
  3-3. keyword
---------------------------------------- */

.search_table{
	background:#EEEEEE;
	width:100%;
	margin-bottom:25px;
	padding:15px 0;
}

.search_table table{
	width:600px;
	margin:0 auto;
}

.search_table input{
	width:340px;
	border:1px solid #d1d1d1;
	padding:5px;
	margin-right:5px;
}

.search_result{padding:0 30px;}

.search_result_pager{
	overflow:hidden;
	padding:30px 0;
}

.search_result_pager ul.pager li{display:inline-block;}
.search_result_pager ul.pager{text-align:center;}
.search_result_pager a{color:#3D2A89;}

*:first-child+html .search_result_pager ul.pager li{
	display:inline;
	zoom:1;
	margin:0 2px;
}

.search_result_pager ul.pager li a,
.search_result_pager ul.pager li span{
	background-color:#fff;
	display:block;
	border:1px solid #d1d1d1;
	padding:3px;
	line-height:1.1;
	text-align:center;
	min-width:20px;
}

.search_result_pager ul.pager li span{background-color:#d1d1d1;}

.search_result_pager ul.pager li.previous a,
.search_result_pager ul.pager li.next a{
	background:none;
	border:none;
}

.search_result_box{
	background-color:#fff;
	padding:10px;
	overflow:hidden;
	margin-bottom:10px;
}

.search_result_box .search_result_image{
	float:left;
	width:200px;
}

.search_result_box .search_result_data{
	float:right;
	width:660px;
}

.search_result_box .search_result_data h4{
	font-size:130%;
	margin-bottom:10px;
}

.search_result_box .search_result_data h4 a{color:#3D2A89;}

/* ----------------------------------------
  3-4. sitemap
---------------------------------------- */

.page_sitemap{}

.page_sitemap ul{margin-left:20px;}
.page_sitemap ul li{
	padding-left:10px;
	background:url(../../common/img/icon_arrow.png) no-repeat left center;
	margin:0 0 5px 0;
}
.page_sitemap ul li.submenu{margin-left:20px;}

/* ----------------------------------------
  3-5. about
---------------------------------------- */

.page_about{}

.page_about ol{
	list-style-type:decimal;
	margin-left:10px;
	padding-left:10px;
}

.page_about ol li{
	list-style-type:decimal;
	margin-bottom:1em;
}

.page_about ol li ul li{
	list-style-type:none;
	margin-bottom:0;
}

.about_contact_box{
	border:1px solid #CCCCCC;
	padding:10px;
	width:50%;
}

/* ----------------------------------------
  3-6. comfortably
---------------------------------------- */

.faq_answer{overflow:hidden;}
.faq_answer dt{
	float:left;
	width:40px;
	font-weight:900;
	font-size:120%;
	color:#00A9E4;
}
.faq_answer dd{
	float:left;
	width:500px;
	padding-top:3px;
}


/*　追加　*/
article#left_column.has_right_bar_1st .search_result{padding:0;}
article#left_column.has_right_bar_1st .search_result_box .search_result_data{
	width:540px;
}