@charset "UTF-8";
/*
Version: 1.0
Author: Digi-ark
date:2014/7/9
*/
/*======================================
	reset
=======================================*/
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, h1, h2, h3, h4, dl, dt, dd {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
ul, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.mov_cat_title {
	padding-left:5px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
q, blockquote {
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}
a img {
	border: none;
	vertical-align: bottom;
	line-height: 1em;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
img {
	vertical-align: middle;
}
img a {
	border-style: none;
}
/*======================================
	config
=======================================*/
html,body {
	overflow-x: hidden!important;
}
body {
	line-height: 1.4em;
	margin:0px;
	padding:0px;
	color:#3B3B3B;
	#background-image: url(images/bg.jpg);
	background-repeat:repeat-x;
	background-position:center 40px;
	font-size:16px;
	overflow-x: hidden;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシッ	ク","MS PGothic",Sans-Serif;
	

}

.apo_btn {
    background-color: #FF0000;
    background-image: -webkit-linear-gradient(top,#FF0303,#d60303);
    border: 1px solid #d60303;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    color: #FFF;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    cursor: default;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    margin: 12px 1px;
    padding: 7px 8px;
    text-align: center;
    text-decoration: none;
}
html {
	height: 100%;
}
.mov_cat {
	border-bottom:#B9B9B9 1px solid;
	padding-bottom:50px;
	padding-top:5px;
}　
.mov_cat_title {
	padding-left:10px;
}

#head {
	background-color:#9C1F41;
	color:#FFFFFF;
	position:relative;
	width:100%;
	text-align:center;
	border-bottom:#FFFFFF 1px solid;
	font-size:12px;
}
#header {
	padding:10px 10px 0 10px;
	position: relative;	

	
	
}
#head_section {
	  text-shadow: 0 1px 0 #fff;
	  font-size:14px;
	  
	
}
#header .tel {
	background-image:url(images/icon_tel.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:16px 11px;
	padding-left:20px;
	margin-right:10px;
}


.time {
	background-image:url(images/icon_time.png);
	background-size:13px 13px;
		background-repeat:no-repeat;
		background-position:left center;
	padding-left:17px;	
}
#header h1#logo a {
	width:46%;
	height:39px;
	display:block;
	margin-bottom:5px;
	float:left;
    margin-right: 5px;
}

/*	
#header #head_submenu {
	position:absolute;
	top:15px;
	right :10px;
}
*/
#head_submenu #mypage{


	background-image:url(images/icon_mypage.png),url(images/border_h.png);
		background-repeat:no-repeat,repeat-y;
	background-position:center center,right top;
	background-size:27px 31px,2px 70px;
	text-indent:-9999px;	float:left;	
	widows:50px;
	height:35px;
	margin-right:5px;
	padding-right:5px;
}
#head_submenu #sitemap {
	float:left;		
	widows:50px;
	width:12%;
	padding-left:10px;
}
.submenu_li a {
	display:block;
	height:35px;
}

	
.select_box {
	margin:5px auto;
	text-align:center;
	border-bottom: #929292　 1px solid;
}

.text_red {
	color:#A61A1C;
}
.user_name {
	font-weight:bold;
}
.border {
	padding-top:10px;
	border-bottom: #C7C7C7 1px solid;
}
#login {
	position:relative;
}
#login_regist {
	background-color: #333;
	border: #909090 2px solid;
	width: 80px;
	padding: 5px;
	text-align: center;
	margin:0 auto;

}
#login_regist a {
	display: block;
	text-decoration:none;	color: #FFFFFF;
}
#head_cat {
	text-align:center;
	margin:10px;
}
.head_cat_li {
	padding:3px;
	border-right:1px solid #949494;
}
h2 {
	background-color:#9C1F41;
	padding:10px 45px;
	color:#FFFFFF;
	clear:both;
	
	
}
h3 {
	background-color:#f3f3f3;
	padding:10px 45px;
	color:#333;
	
}
.icon_arrow_under {
	background-image:url(images/under.png);
	background-repeat:no-repeat;
	background-position:10px center;
	background-size:18px 10px;
}
.icon_mov{
	background-image:url(images/icon_mov.png);
	background-repeat:no-repeat;
	background-position:10px center;
	background-size:27px 19px;
}
.icon_pic{
	background-image:url(images/icon_pic.png);
	background-repeat:no-repeat;
	background-position:10px center;
	background-size:21px 18px;
}
.icon_rank{
	background-image:url(images/icon_rank.png);
	background-repeat:no-repeat;
	background-position:10px center;
	background-size:23px 20px;
}
.icon_point{
	background-image:url(images/icon_point.png);
	background-repeat:no-repeat;
	background-position:10px center;
	background-size:23px 23px;
}

.select_box select {
	padding:10px;
	width:90%;
	margin-top:20px auto!important;
	font-size:18px;
}
.select_box2 select {
	width:100px;
	font-size:14px;
}
.movie_cat_select select {
	width:90%;
	font-size:14px;
}
#banner_area {
	padding:10px;
}
#banner_area img {
	width:100%;
	height:auto;
}
#banner_area div {
	margin-bottom:10px;
}
.btn_pay {

	background-color:#ddd;
	color:#3B3B3B;
	width:90%;
	margin:10px auto;	border:#B5B5B5 1px solid;
}

.btn_pay a {
	display:block;	padding:15px;
	text-align:center;
	text-decoration:none;
	color:#414141;

	}
.icon_arrow_right {
	background-image:url(images/icon_arrow_right.png);
	background-size:20px 18px;
	background-repeat:no-repeat;
	background-position:30px center;
}
.more {
	background-image:url(images/more.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:15px;
	float:right;
	margin:10px;
	padding:3px;	
	
}
	.more a{
		text-decoration:none;
		padding:3px;
		cursor:pointer;
		display:block;
	}
	
	.bank {
		padding:15px; 0px;
		background-color:#EFEFEF;
	
	}
	.page_content {
		padding:10px;
	}
	table #table_red th ,table #table_red td {
		border:#9C1F41 1px solid;
		
	}
#footer_menu {
	background-color:#9C1F41;
	border-bottom:#000000 1px solid;
}
.footer_menu_li {
	width:24.8%;
	text-align:center;
	float:left;
	color:#FFFDFD;
	box-sizing:border-box;
	border-right: #666 1px solid;
	font-size:10px;
	
}
.footer_menu_li:last-child {
	border-right:none;
}

.footer_menu_li img {
	margin:5px auto;
}
.footer_menu_li a {
	display:block;
	text-align:center!important;
	padding:5px;
	color:#FFFFFF;
	text-decoration:none;
	
}
	.footer_menu_li a img {
		display:block;
	}
#footer_submenu a {
	color:#E8E8E8;
}
/*======================================
	clear
=======================================*/
.clearfix:before, .clearfix:after {
  content: "";
  display: block;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.clear {
  clear: both;
}
#point table {
	margin:10px auto;
}

#footer {
	background-color:#333;
}
#footer_submenu ,#copyright {
	text-align:center;
	color:#fff;
}
footer {
	background-color:#333;
}
#footer_submenu {
	padding:13px;
	font-size:12px;
}
#copyright {
	padding:15px;	font-size:12px;
}
.dot {
	border-bottom:#E1E1E1 1px dotted;
}
.column {
	padding:10px;}
table {
border-collapse : collapse;
width:98%;
}
th,td {
	border:#9C9C9C 1px solid;
	padding:5px;
}

/*======================================
	FLICK SLIDER
=======================================*/

#ranking {
	width:320px;
}
.rank_text {
	font-weight:bold;
	text-align:left;
}

.rank_text2 {
		text-align:left;
}
.rank_num {

	margin-top:3px;
	margin-bottom:2px;
	
}
.ranking_column {
	float:left;
	width:33%;
	box-sizing:content-box;
	font-size:10px;
}



.ranking_column {
	width:32%;
	box-sizing:content-box;


}
.size {
	width:90px;
	height:auto;
}

/*======================================
	MENU
=======================================*/
#show {
    cursor: pointer;
    position: absolute;
    margin: 14px 0;
    padding: 0 7px;
    width: 46px;
    float: left;
}

#overlay {
    opacity: 0.95;
    filter: alpha(opacity=95);
    -ms-filter: "alpha( opacity=95)";
    background: black;
    color: white;
    position: absolute;
	top:0px; 
    width: 100%;
    display: none;
    z-index: 4;
    margin: 0px;
	height:100%;

}
?
#overlay .back-main {
    margin-botom: 10px;

}

.back-main li {
    border: #FF5800 solid 1px;
    background-color: #FF5800;
    width: 90px;
    margin: 10px;
    float: right;
    text-align: center;
    font-weight: bold;	display:block;
	cursor:pointer;
}


.overlay_head_menu {
	background-color:#FFFFFF;
	color:#000000;
	margin:10px;
	padding:0px;
	font-size:13px;
}
.overlay_head_menu div a {
	display:block;
	text-decoration:none;
	border-bottom:#838383 1px dotted;
	background-image:url(images/icon_arrow_right.png);
	background-size:20px 18px;
	background-repeat:no-repeat;
	background-position:right center;
	color:#353535;
	padding:5px;
}
.overlay_head_menu div a:hover {
	background-color:#F3F3F3;
}

.border_column {
	border:#A8A8A8 1px solid;
	padding:10px;
	margin:10px;
}

.movie_thumb {
	height:100px;
	overflow:hidden;
	float:left;
}

.movie_column {
	border-bottom:#AFAFAF 1px dotted;
	padding:5px;
	background-image:url(images/view.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:20px 18px;
}



.movie_thumb img{
	width:140px;
}
.movie_content {
	padding-left:150px;
}
.movie_content_date {
	font-size:10px;
}
.movie_content_name {
	font-weight:bold;
	color:#2864B5;
}
.movie_content_description {
	margin-top:10px;
	color:#BC282B;
}
.movie_content_rate {
	margin-top:5px;
}

.new_box {
	vertical-align:bottom;
	margin-bottom:5px;
}
.new_box img ,.movie_content_date img{
	padding-bottom:10px;
}
a.icon_eroine  {
	background-image:url(images/icon_eroine.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:20px 16px;
	font-size:12px;
}
a.icon_comment {
	background-image:url(images/icon_comment.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:20px 16px;
	margin-right:0px;	font-size:12px;	
	padding-left:20px!important;
	
}
.movie_content_rate a {
	padding:2px;
}
	
.name {
	text-align:center;
	width:90px;
}
.profile_thumn {
	width:150px;
	float:left;
	padding:3px;
	background-color:#D3D3D3;
}
.profile_content {
	padding-left:170px;
}
.login_status {
	padding:10px;
	margin:10px auto;
	color:#D99422;
	text-align:center;
	margin:0 auto;
	width:90%;
	display:block;
	clear:both;
	}
.profile_movie_column {
	padding:10px;
}
.profile_movie_title {
	font-weight:bold;
}
.profile_movie_cat {
	margin-bottom:5px;
}
.profile_movie_thumb {
	margin: 10px auto ;
}
.profile_movie_eroine {
	float:right;
	margin-bottom:10px;
	
}
.profile_movie_eroine a {
	padding-left:25px;
	display:block;
	text-decoration:none;
	
}
.btn_regist a {
	display:block;
	padding-top:0px;
	padding-bottom:10px;
	text-align:center;
	text-decoration:none;
	background-color:#f89a32;
	border-radius:4px;
}
.btn_login a {
	display:block;
	padding-top:0px;
	padding-bottom:10px;
	text-align:center;
	text-decoration:none;
	border-radius:4px;
	background-color:#717171;	
	
}



.profile_movie_favorite {
	clear:both;
	margin-bottom:15px;
}

.profile_movie_favorite a {
	display:block;
	padding:10px;
	width:90%;
	margin: 0 auto;
	background-color:#BC2B2D;
	color:#FFFFFF;
	border:#AD2527 1px solid;
	text-align:center;
	text-decoration:none;
	
	
}
.next a {
	display:block;
	padding:10px;
	width:90%;
	margin: 10px auto;
	background-color: #737373;
	color:#FFFFFF;
	border:#9F8787 1px solid;
	text-align:center;
	text-decoration:none;
	
	
}

.button a {
	display:block;
	padding:10px;
	width:90%;
	margin: 10px auto;
	background-color: #CDCDCD;
	color:#333;
	border: #CFCFCF 1px solid;
	text-align:center;
	text-decoration:none;
	
	
}
,icon_heart {
	background-image:url(images/icon_heart.png);
	background-repeat:no-repeat;
	background-position:left center;
}

.profile_movie_commentarea {
	border-radius:8px;
	border:#969696 1px solid;
	padding:10px;
	margin-bottom:10px;
}
.user_name {
	margin-left:5px;
}

.profile_movie_comment_avatar {
	margin-bottom:10px;
}
.profile_movie_comment_date {
	font-size:10px;
	margin-bottom:5px;
}

.genre_column a ,.content_column a {
	display:block;
	padding:5px;
	text-align:center;
	text-decoration:none;
	color:#363636;
}


#genre_search {
	padding:10px;
}
.movie_list_bar {
	padding:10px;
	}
	.movie_cat_title {
		padding-left:0px;
		float:left;
		width:29%;
		padding-top:2px;
	}
.movie_cat_select {
	padding-left:30%;
}

#pagenavi {
	margin:20px 10px;
}
/*======================================
	TAB
=======================================*/
ul#tab {
	zoom: 1;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width:100%;
	text-align:center;

}
ul#tab:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
ul#tab li {
	float: left;
	text-align: center;
	width: 50%;
	box-sizing: border-box;
	text-align: left;
}
ul#tab li:last-child {
	background: none;
}
.btn50 a {
	width:42%;
}
.btn50 a:first-child {
	margin-left:8px;
}
	
ul#tab li a ,.btn50 a{
	display: block;
	text-align:center;
	text-decoration: none;
	color: #333;
		float:left;

	padding:5px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

	border:#CDCDCD 1px solid;

}
ul#tab li.active a {
	font-weight:bold;

	}
#rank ul#tab li a {
			margin-left:2px;
		margin-right:2px;
	width:89%;
	margin-bottom:5px;

}

#prof ul#tab li a {
		margin-right:0px;
	width:100%;
	margin-bottom:0px;
	font-size:12px;	padding:2px;
}



ul#tab li.active, ul#tab li.active a, ul#tab li.active a:hover {

}
#detail {
	clear: both;
	overflow: auto;
	width: 100%;
	height:auto;
	padding: 10px;
	box-sizing: content-box;

}
#prof #detail { 
width: 95%;
padding-top:0px;
}

.tabbox {
	display: none;
}

.genre_column {
	font-size:12px;
	float:left;
	margin-right:5px;
	width:93px;
	margin-bottom:5px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

	border:#CDCDCD 1px solid;
}

.content_column {
	font-size:12px;
	float:left;
	margin-right:5px;
	width:143px;
	margin-bottom:5px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

	border:#CDCDCD 1px solid;
}

.flexslider2 ul.slides li {


}
.flexslider .flex-control-nav {
	display:none;
}

.flexslider2 {
	padding:10px;	
}
.diary_content  {
	margin-bottom:20px;
}
.diary_date {
	font-size:12px;
	margin-bottom:10px;
}
.diary_thumb img {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
#profile_column {
	width:95%;
	margin:5px;
	border:#CFCFCF 1px solid;
	
}
.flexslider3 {
	width:95%;	
}
#prof ul#tab li {
	width:49%;
}
#prof ul#tab li a {
	padding:5px;
	box-sizing:content-box;
}

.j_btn {
	    background-color: #6D13BF;
    background-image: -webkit-linear-gradient(top,#850AB7,#651D89);
    border: 1px solid #651D89;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    color: #FFF;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    cursor: default;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    margin: 12px 1px;
    padding: 7px 8px;
    text-align: center;
    text-decoration: none;
}

/*トップへ戻る追加*/
.btnTop {
    display: none;
    position: fixed;
    bottom: 10px;
    left: 5px;
    z-index: 100;
    border: 1px solid #d6d6d7;
    border-top: 0;
    border-radius: 0 0 3px 3px;
    background: rgba(0,0,0,.7);
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 0px 0px 0px 0px;
    padding: 2 5 2 5;
}

.btnTop a {
    display: inline-block;
    height: 27px;
    padding: 0 5px;
    line-height: 29px;
    font-size: 13px;
    color: #fff;
	    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 12px;
	text-decoration:none;
}