@charset "utf-8";

/* --------------------------------------------------
	reset
-------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
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{
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
	vertical-align:baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display:block;}

html{overflow-y:scroll;}

blockquote, q{quotes:none;}

blockquote:before, blockquote:after,
q:before, q:after{
	content:' ';
	content:none;
}

input, textarea{
	margin:0;
	padding:0;
}

ol, ul{list-style:none;}

table{
	border-collapse:collapse; 
	border-spacing:0;
}

caption, th{text-align:left;}

a:focus{outline:none;}

.inline_block{  
	display:inline-block;
	*display:inline;
	*zoom:1;
}

.alphaImg:hover{
	opacity:0.7;
	filter:alpha(opacity="75");
}

/* body */
body{min-width:1000px;}
body,input{
	font:14px / 1.5 "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img{vertical-align:bottom;}
a:link,a:visited{
	color:#006fe0;
	text-decoration:none;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}
a:hover,a:active{
	color:#d70c19;
	text-decoration:underline;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
		-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}

/* --------------------------------------------------
	header
-------------------------------------------------- */
header{
	background:#262940;
	height:90px;
	overflow:hidden;
}
header a:link,header a:visited{
	color:#fff;
	font-weight:bold;
	text-decoration:none;	
	text-shadow:1px 1px 1px #000;
}
.hdInn{
	position:relative;
	z-index:2;
	height:90px;
	background:url(/img/bg_header.png) repeat-x bottom center;
}
.hdInn .clearfix{
	min-width:1000px;
	max-width:1220px;
	margin:0 auto;
}
.logo{
	width:320px;
	float:left;
	margin-top:15px;
}
.logo img{
	width:100%;
	height:auto;
}
.sNav{
	float:right;
	margin-top:10px;
}
.sNav ul{float:right;}
.sNav ul li{
	float:left;
	margin-right:20px;
	line-height:32px;
	color:#ccc;
	font-weight:bold;
	text-shadow:1px 1px 1px #666;
}
.sNav ul li a:hover{
	color:#f00 !important;
}

.searchBox{
	border-radius:5px;
	border:1px solid #fff;
	background:rgba(0,0,0,0.3);
	width:270px;
	padding:5px 10px;
	box-sizing:border-box;
	float:right;
	height:32px;
	margin-bottom:15px;
}
.searchBox input{
	background:none;
	border:none;
	color:#fff;
	width:220px;
	vertical-align:bottom;
}
.searchBox button{
	background:none;
	border:none;
	padding:0;
	vertical-align:bottom;
}
.searchBox button:hover{
	opacity:0.7;
	cursor:pointer;
}

nav{
	clear:both;
	position:relative;
	overflow:hidden;
	min-width:1000px;
}
nav ul{
	position:relative;
	left:50%;
	float:left;
}
nav ul li{
	position:relative;
	left:-50%;
	float:left;
	margin-right:25px;
}
nav ul li:last-of-type{margin-right:0;}
nav ul li a:hover,nav ul li a.active{
	color:#f00;
	text-shadow:1px 1px 0 #000;
}
nav ul li a::after{
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 2px;
	background-color: #f00;
	transition: 0.2s;
}
nav ul li a:hover::after{
	width: 100%;
}

nav ul li:last-of-type a:hover img{
	transition:0.3s;
	opacity:0;
}
nav ul li:last-of-type a:hover{
	transition:none;
	background:url(/img/pc/nav_tw_on.png) no-repeat center center;
	background-size:22px 18px;
}


header.smpl{
	height:50px;
	overflow:hidden;
}

/* --------------------------------------------------
	bxSlider
-------------------------------------------------- */
.slideWrap{
	position:relative;
	margin-top:-90px;
	z-index:1;
	background-color:#fff;
	width:100%;
	height:35%;
	overflow:hidden;
	box-sizing:border-box;
	padding-bottom:35%;
}
.bx-wrapper{
	position:absolute;
	top:0;
	width:100%;
	height:35%;
}
.bxslider li{
	position:relative;
	width:100%;
	min-width:1000px;
	padding-bottom:35%;
	min-height:315px;
	box-sizing:border-box;
}
.bxslider li a::after{
	content:url(/img/btnPlay.png);
	width:120px;
	height:120px;
	display:block;
	position:absolute;
	left:50%;
	margin-left:-60px;
	top:50%;
	margin-top:-60px;
	transition:opacity 0.2s;
	opacity:0;
}
.bxslider li a:hover::after{
	transition:opacity 0.2s;
	opacity:1;
}
.slideThumb,.slideTxt{
	position:absolute;
}
.bxslider li a:link,.bxslider li a:visited,
.bxslider li a:hover,.bxslider li a:active{color:#fff !important;}
.slideTxt{
	bottom:20px;
	left:50%;
	margin-left:-610px;
	width:430px;
	text-shadow:1px 1px 1px #000;
}
@media screen and (max-width:1220px){
	.slideTxt{
		left:0%;
		margin-left:0;
	}
}

.slideTxt p{
	font-weight:bold;
}
.slideMtt{
	font-size:1.71em;
}
.slideThumb{
	position:relative;
}
.slideThumb img{
	position:absolute;
	width:100%;
	height:auto;
	min-height:427px;
	margin-top:0;
}
.bx-pager{
	width:500px;
	margin:0 auto;
	position:relative;
	text-align:center;
	font-size:0;
	line-height:0;
	margin-top:-30px;
	height:30px;
	z-index:99;
}
.bx-pager-item{
	display:inline-block;
}
.bx-pager-item a{
	display:block;
	width:10px;
	height:10px;
	border-radius:5px;
	background-color:#efefef;
	margin:5px;
}
.bx-pager a:hover,.bx-pager a.active {
	background-color:#d70c19;
}

.bx-controls-direction{
	width:100%;
	position:absolute;
	top:150%;
	margin-top:-30px;
}
.bx-next,.bx-prev{
	position:absolute;
	font-size:0;
	height:60px;
	width:60px;
	background:url(/img/pc/btnNext.png) no-repeat left top;
	background-size:60px 60px;
	opacity:0;
	z-index:80;
}
.bx-next{right:20px;}
.bx-prev{
	background:url(/img/pc/btnPrev.png) no-repeat left top;
	background-size:60px 60px;
	left:20px;	
}

.bx-wrapper:hover .bx-next,.bx-wrapper:hover .bx-prev{opacity:1;}

/* --------------------------------------------------
	content
-------------------------------------------------- */
.content{background:#efefef;}
.contentInn{
	padding:20px 0;
	max-width:1220px;
	min-width:1000px;
	margin:0 auto;
	padding-bottom:100px;
}
/* 見出し */
.ttMiddle{
	font-size:1.71em;
	color:#666;
	font-weight:normal;
	margin:0 0 15px 0;
	position:relative;
}
.ttMiddle a{
	display:inline-block;
	color:#666;
	position:relative;
}
.ttMiddle > a:after{
	content:"＞";
	font-size:0.583em;
	display:inline-block;
	margin:-0.8em 0 0 10px;
	position:absolute;
	right:-30px;
	top:50%;
}
.ttMiddle > a span{font-size:0.587em;}
.ttMiddle a:hover{
	text-decoration:none;
	opacity:0.6;
}
.ttMiddle span a{
	display:inline-block;
	position:absolute;
	right:0;
	bottom:0;
	font-size:0.583em;
	background:url(/img/pc/icon_more.png) no-repeat left center;
	padding-left:26px;	
}
.ttSub{
	font-weight:bold;
	color:#666;
	border-left:5px solid #ccc;
	padding-left:10px;
	margin-bottom:10px;
}

dl.bNormal dt{font-weight:bold;}
.bgWhite{
	background-color:#fff;
	padding:20px;
}

/* --------------------------------------------------
	news
-------------------------------------------------- */
.newsBox{
	position:relative;
	overflow:hidden;
}
.nbInn{
	position:relative;
	left:50%;
	float:left;
}
.nbInn h3,.nbInn dl{
	position:relative;
	left:-50%;
	float:left;
}
.newsBox h3 a{
	color:#006fe0;
	font-weight:bold;
	margin-right:0 10px;
}
.nbInn dl{margin:0 10px;}
.newsBox dt,.newsBox dd{
	float:left;
	margin-bottom:5px;
}
.newsBox dt{
	clear:both;
	margin-right:20px;
	margin-left:10px;
}
.newsBox dd a:link,.newsBox dd a:visited{color:#333;}
.newsBox dd a:hover,.newsBox dd a:active{
	color:#d70c19;
	text-decoration:underline;
}

/* --------------------------------------------------
	tv
-------------------------------------------------- */
.tvWrap{
	min-width:1000px;
	margin:20px 0 0 0;
}
.tvBox{
	background-color:#fff;
	box-sizing:border-box;
	padding:20px;
	width:75%;
	float:left;
}

.tvBox article > div{
	box-sizing:border-box;
	border:1px solid #ccc;

	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(234,234,234,1) 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}
.tvBox article{
	width:29%;
	float:left;
	box-sizing:border-box;
	padding-left:20px;
	position:relative;
}
.tvBox article:nth-of-type(1){
	width:71%;
	float:left;
	padding:0;
}
.tvBox article:nth-of-type(3){
	margin:10px 0;
}
.tvBox article > div{
	padding:10px 10px 5px 10px;
}
.tvBox article:nth-of-type(1) > div{
	padding:20px 20px 10px 20px;
}

.tvBox .thumb,.tvBox .thumb img{width:100%;height:auto;}
.tvBox .ptt{
	margin-top:10px;
	font-size:0.857em;
	background-color:#eaeaea !important;
}
.tvBox article:nth-of-type(1) .ptt{
	margin-top:10px;
	font-size:1.28em;
}
.tvBox .ptt:before{
	background-color:#eaeaea !important;
}

.tvBtnArea{
	float:right;
	width:29%;
	box-sizing:border-box;
	padding-left:20px;
}
.btnTimetable{
	border-radius:5px;
	border:1px solid #920009;
	text-align:center;
	color:#fff;

	background: rgb(230,62,73); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(230,62,73,1) 0%, rgba(215,12,25,1) 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(230,62,73,1) 0%,rgba(215,12,25,1) 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(230,62,73,1) 0%,rgba(215,12,25,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e63e49', endColorstr='#d70c19',GradientType=0 ); /* IE6-9 */
	transition:0.2s;
}
.btnTimetable a{
	display:block;
	padding:11px;
	color:#fff !important;
	text-decoration:none;
	transition:0.2s;
}
.btnTimetable:hover{opacity:0.7;}

.tvBox article:nth-of-type(1) .thumb:after{
	content:"";
	display:block;
	position:absolute;
	width:80px;
	height:80px;
	background:url(/img/btn_playTV.png) no-repeat right top;
	top:50%;
	left:50%;
	margin:-40px 0 0 -40px;
}

.tvBox .nextTime{
	position:absolute;
	display:inline-block;
	background-color:#d70c19;
	font-size:0.857em;
	color:#fff;
	padding:2px 5px;
	right:0;
	top:0;
}
.tvBox article:nth-of-type(1) .nextTime{
	background:none;
	top:-2px;
	right:20px;
}
.tvBox article:nth-of-type(1) .nextTime img{
	width:210px;
	height:auto;
}

.bnArea a img{transition:0.2s;}
.bnArea a img:hover{
	opacity:0.7;
	transition:0.2s;
}
.tvWrap .bnArea,.bnAreaR{
	width:25%;
	float:right;
	box-sizing:border-box;
	padding:0 0 0 20px;
	margin:0;
}
.bnArea img{
	width:100%;
	height:auto;
}
.bnAreaL p{
	float:left;
}
.bnAreaL{
	float:left;
	width:75%;
}
.bnArea div{box-sizing:border-box;}


.tvWrap .bnArea p,.bnAreaL p{float:none;}
.tvWrap .bnArea p,.bnAreaR p{margin:8px 0 0;}
.tvWrap .bnArea p:first-of-type,.bnAreaR p:first-of-type{margin:0 0 0 !important;}

.tvBox article:nth-of-type(1) a{
	color:#333;
	text-decoration:none;
	display:block;
}
.tvBox article:nth-of-type(1) a:hover{
	color:#d70c19;
	opacity:0.7;
	transition:0.2s;
}
div#myPlayer{
	display:block;
	width:100%;
	height:100%;
	padding-bottom:56.25%;
}
.vjs-big-play-button{
	position:absolute;
	top:50% !important;
	left:50% !important;
	margin:-52.5px 0 0 -78px; 
}


/* --------------------------------------------------
	bnArea
-------------------------------------------------- */
.bnArea{
	margin:8px 0 0;
}

/* --------------------------------------------------
	MOVIE SET
-------------------------------------------------- */
.mvList{
	margin-bottom:50px;
}
.movieBox{
	margin:-35px -10px 0 -10px;
	padding:10px 0 15px;
	overflow:hidden;
	clear:both;

}
.movieBox article{
	position:relative;
	width:20%;
	padding:0 10px;
	float:left;
	box-sizing:border-box;
	margin-top:15px;
}
.movieBox article:nth-of-type(5n+1){clear:both;}
.movieBox article > div{
	transition:0.2s;
	box-shadow:0 0 10px rgba(0,0,0,0);
}
.movieBox article > div a{
	display:block;
}
.movieBox article a:hover .thumb{opacity:0.7;transition:0.2s;}
.movieBox article > div:hover{
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	transition:0.2s;
}
.thumb img{
	width:100%;
	height:auto;
}
.thumb{position:relative;padding:0 !important;background-color:#fff !important;}
.movieBox .thumb:before{
	content:"";
	display:block;
	background:url(/img/btnPlay.png)  no-repeat;
	background-size:60px 60px;
	width:60px;
	height:60px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-30px 0 0 -30px;
}

.mvListTxt{
	padding:10px 10px 20px 10px;
	background-color:#fff;
/*	position:relative; */
}
.movieBox div a+.mvListTxt{
	padding-top:0;
	margin-top:-20px;
}
.aList dt,.aList dd,.aList dt a,.aList dd a{display:inline !important;}

.movieBox .avrRate{margin:5px 0 10px 0;}
.movieBox .mtt,.movieBox .date,.movieBox .aList,.favMovieBox .mtt+.ptt{font-size:0.857em;}
.movieBox a{color:#333;text-decoration:none !important;}
a .mvListTxt .ptt{color:#d70c19;text-decoration:none !important;}
.movieBox .ptt{
	color:#d70c19;
	font-weight:bold;
}


.aList dt:after{content:"：";}
.aList dd:after{content:"、";}
.aList dd:last-of-type::after{content:"";}
.aList dd a:link,.aList dd a:visited{color:#006fe0;text-decoration:underline !important;}
.aList dd a:hover,.aList dd a:active{color:#d70c19 !important;text-decoration:underline !important;}

.movieBox .ptt,.movieBox .mtt,.movieBox .mCap,.movieBox .aList,.favMovieBox .mtt+.ptt,.tvBox .ptt{
	margin-bottom:2px;
  overflow:hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

@media screen and (max-width:1220px){.mvList{overflow:hidden;}}

@-moz-document url-prefix() {
  .movieBox .ptt,.movieBox .mtt,.movieBox .mCap,.movieBox .aList,.favMovieBox .mtt+.ptt,.tvBox .ptt{position:relative;background-color:#fff;height:1.4em;}
	.newMvArea article:nth-of-type(1) .mCap{height:4.4em;}
  .movieBox .ptt:before,.movieBox .mtt:before,.movieBox .mCap:before,.movieBox .aList:before,.favMovieBox .mtt+.ptt:before,.tvBox .ptt:before{
    content: "…";
    position: absolute;
    right:0;
    bottom: 0;
    display: inline-block;
    width:1em;
    background-color:#fff;
  }
  .movieBox .ptt:after,.movieBox .mtt:after,.movieBox .mCap:after,.movieBox .aList:after,.favMovieBox .mtt+.ptt:after,.tvBox .ptt:after{
    content: "";
    position: relative;
    bottom:0;
    float: right;
    width: 1em;
    height: 100%;
    background-color:#fff;
  }
}
/* IE hack */
@media all and (-ms-high-contrast:none){
  .movieBox .ptt,.movieBox .mtt,.movieBox .mCap,.movieBox .aList,.favMovieBox .mtt+.ptt,.tvBox .ptt{position:relative;background-color:#fff;height:1.4em;}
	.newMvArea article:nth-of-type(1) .mCap{height:4.4em;}
  .movieBox .ptt:before,.movieBox .mtt:before,.movieBox .mCap:before,.movieBox .aList:before,.favMovieBox .mtt+.ptt:before,.tvBox .ptt:before{
    content: "…";
    position: absolute;
    right:0;
    bottom: 0;
    display: inline-block;
    width:1em;
    background-color:#fff;
  }
  .movieBox .ptt:after,.movieBox .mtt:after,.movieBox .mCap:after,.movieBox .aList:after,.favMovieBox .mtt+.ptt:after,.tvBox .ptt:after{
    content: "";
    position: relative;
    bottom:0;
    float: right;
    width: 1em;
    height: 100%;
    background-color:#fff;
  }
}
/* Edge hack */
@supports (-ms-ime-align:auto)  {
  .movieBox .ptt,.movieBox .mtt,.movieBox .mCap,.movieBox .aList,.favMovieBox .mtt+.ptt,.tvBox .ptt{position:relative;background-color:#fff;height:1.4em;}
	.newMvArea article:nth-of-type(1) .mCap{height:4.4em;}
  .movieBox .ptt:before,.movieBox .mtt:before,.movieBox .mCap:before,.movieBox .aList:before,.favMovieBox .mtt+.ptt:before,.tvBox .ptt:before{
    content: "…";
    position: absolute;
    right:0;
    bottom: 0;
    display: inline-block;
    width:1em;
    background-color:#fff;
  }
  .movieBox .ptt:after,.movieBox .mtt:after,.movieBox .mCap:after,.movieBox .aList:after,.favMovieBox .mtt+.ptt:after,.tvBox .ptt:after{
    content: "";
    position: relative;
    bottom:0;
    float: right;
    width: 1em;
    height: 100%;
    background-color:#fff;
  }
}

.movieBox .date{
	font-size:0.857em;
}

/* 並び替え */
.changeList{
	position:relative;
}
.changeList ul{
	position:absolute;
	top:-50px;
	right:0;
	padding:34px 20px 5px;
}
.changeList ul li{
	opacity:0;
	transition:0.2s;
	margin:0 5px 5px;
	font-size:12px;
}
.changeList ul li.cur{
	display:block;
	opacity:1;
	position:absolute;
	top:10px;
	margin-top:0;
}

.changeList:hover ul li{
	display:block;
	opacity:1;
	transition:0.2s;
}

.changeList ul:hover{
	background-color:#fff;
	z-index:50;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
}
.changeList ul li a{color:#333;}
.changeList ul li a:after{
	content:"▼";
	font-size:10px;
	display:inline-block;
	margin-left:10px;
}
.changeList ul li a:hover{color:#d70c19;text-decoration:none;}

#nextDiv article > div:hover{
	box-shadow:none;
}

.topMvBox article:nth-of-type(n+2) .mtt,.topMvBox article:nth-of-type(n+2) .ptt{height:1.4em;} 

/* --------------------------------------------------
	freeArea
-------------------------------------------------- */
.freeArea{
	margin-top:50px;
}
.freeArea article .mvListTxt{
	padding-bottom:5px;
}

.iconFree:after{
	content:url(/img/icon_free.png);
	width:60px;
	height:60px;
	position:absolute;
	top:0;
	left:0;
}

/* --------------------------------------------------
	視聴履歴内無料動画、新着動画内無料動画
-------------------------------------------------- */
.iconFree+.mvListTxt > .date{margin-bottom:1.8em;}
.newMvList .iconFree+.mvListTxt > .mtt{margin-top:1.8em;}

.newMvList .iconFree+.mvListTxt,.iconFree+.mvListTxt{position:relative;}

.newMvList .iconFree+.mvListTxt::before,.iconFree+.mvListTxt > .date::before{
	height:1.5em;
	display:block;
	font-size:1em;
	content:"無料動画";
	font-weight:bold;
	top:10px;
	position:absolute;
	color:#d70c19;
	
}
.iconFree+.mvListTxt > .date::before{
	top:28px;
	font-size:1.2em;
}

/* --------------------------------------------------
	newMvArea
-------------------------------------------------- */
.newMvArea{
	height:100%;
	display:table;
	position:relative;
}
.newMvArea article:nth-of-type(1){
	width:40%;
}
.newMvArea article:nth-of-type(1) a{
	background-color:#fff;
	padding-bottom:1px !important;
}
.newMvArea .mCap{
	display:none;
}
.newMvArea article:nth-of-type(1) .mCap{
	display:block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
	margin-bottom:10px;
}
.newMvArea article:nth-of-type(6){clear:none;}
.iconNew:after{
	content:url(/img/icon_new.png);
	width:60px;
	height:60px;
	position:absolute;
	top:0;
	left:0;
}
.newMvArea article .thumb{
	height:0;
	padding-bottom:56.25% !important;
	overflow:hidden;
}
.newMvArea article:nth-of-type(n+2) .thumb img{
	max-height:128.25px;
}

/*
.movieBox .mvListTxt{
	opacity:0;
	position:absolute;
	left:0;
	right:0;
	bottom:0px;
	margin:0 10px;
	transition:opacity 0.2s;
}
.movieBox:hover .mvListTxt{
	opacity:1;
	transition:opacity 0.2s;
}*/


/* --------------------------------------------------
	newMvList
-------------------------------------------------- */
.newMvList article:nth-of-type(-n+3){width:33.33%;}
.newMvList article:nth-of-type(5n+4){clear:both;}
.newMvList article:nth-of-type(5n+1){clear:none;}
/* --------------------------------------------------
	pgArea
-------------------------------------------------- */
.pgArea .ptt{
	font-size:1em;
	color:#d70c19;
	font-weight:bold;
	height:2.8em;
	padding-bottom:5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.favMovieBox .mtt+.ptt{
	color:#333;
	font-weight:normal;
	height:1.4em;
	padding-bottom:5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
	position:absolute;
	top:0;
	margin-top:10px;
	left:10px;
	margin-right:10px;
}
.favMovieBox .mvListTxt{
	height:3em;
}
.favMovieBox .mtt{
	position:absolute;
	top:2.1em;
	left:10px;
	margin-right:10px;
}
.pgArea .thumb:before{
	content:"";
	display:block;
	background:none;
}

.subInfo{
	padding:20px 0;
	border-bottom:1px solid #ccc;
	font-size:0.857em;
}
.Area{
	float:left;
}
.ctgArea p{
	padding:3px 5px;
	background-color:#333;
	color:#fff;
	display:inline-block;
}

.ctg-premium,.ctg-archive,.ctg-tv,.ctg-tvEnd,.ctg-vod{
	padding:3px 5px;
	color:#fff;
	display:inline-block;
}
.ctg-premium{background-color:#ffc000 !important;}
.ctg-archive{background-color:#ff4e00 !important;}
.ctg-tv{background-color:#0db700 !important;}
.ctg-tvEnd,.ctg-vod{background-color:#333 !important;}

.movieBox .ctg-premium,.movieBox .ctg-archive,
.movieBox .ctg-tv,.movieBox .ctg-tvEnd,.movieBox .ctg-vod{
	position:relative;
	display:block;
	background-color:#fff !important;
}

.movieBox .ctg-premium+.mvListTxt::after,
.movieBox .ctg-tv+.mvListTxt::after{
	position:absolute;
	right:10px;
	bottom:0;
	display:block;
	font-size:11px;
	color:#fff;
	padding:1px 5px;
	box-sizing:border-box;
	overflow:hidden;
	z-index:30;
}
.movieBox .ctg-archive+.mvListTxt::before,
.movieBox .ctg-tvEnd+.mvListTxt::before,
.movieBox .ctg-vod+.mvListTxt::before{
	position:absolute;
	left:10px;
	bottom:0;
	display:block;
	font-size:11px;
	color:#fff;
	padding:1px 5px;
	box-sizing:border-box;
	overflow:hidden;
	z-index:30;
}

.movieBox .ctg-premium+.mvListTxt::after{
	content:"PREMIUM限定";
	background-color:#ffc000 !important;
}
.movieBox .ctg-archive+.mvListTxt::before{
	content:"アーカイブ";
	background-color:#ff4e00 !important;
}
.movieBox .ctg-tv+.mvListTxt::after{
	content:"TV放送限定";
	background-color:#0db700 !important;
}
.movieBox .ctg-tvEnd+.mvListTxt::before{
	content:"TV放送終了番組";
	background-color:#333 !important;
}
.movieBox .ctg-vod+.mvListTxt::before{
	content:"見逃し視聴のみ";
	background-color:#333 !important;
}

/* .dateArea{float:right;}*/
.dateArea p{
	display:inline-block;
	padding:10px 0 3px 5px;
	}

.avrRate{
	position:relative;
	height:14px;
	margin:20px 0;
	width:73px;
}
.avrRate:before{
	content:"平均評価：";
	position:absolute;
	font-size:12px;
	color:#666;
}
.avrRate p{
	position:absolute;
	left:5em;
	top:0;
	height:14px;
	line-height:14px;
	width:73px;
}
.avrRate p img{
	height:14px;
	width:73px;
}
.avrRate p:nth-of-type(2) img{
	max-width:73px;
	min-width:0;
}
.loginArea .btn:nth-of-type(1){margin-top:0 !important;}

/* --------------------------------------------------
	rankingArea
-------------------------------------------------- */
.rankingArea article{margin-top:60px;}
.rankingArea article .thumb:after{
	display:block;
	width:52px;
	height:41px;
	position:absolute;
	top:-41px;
	left:-5px;
}
.rankingArea article:nth-of-type(1) .thumb:after{content:url(/img/icon_rank1.png);}
.rankingArea article:nth-of-type(2) .thumb:after{content:url(/img/icon_rank2.png);}
.rankingArea article:nth-of-type(3) .thumb:after{content:url(/img/icon_rank3.png);}
.rankingArea article:nth-of-type(4) .thumb:after{content:url(/img/icon_rank4.png);}
.rankingArea article:nth-of-type(5) .thumb:after{content:url(/img/icon_rank5.png);}
.rankingArea article:nth-of-type(6) .thumb:after{content:url(/img/icon_rank6.png);}
.rankingArea article:nth-of-type(7) .thumb:after{content:url(/img/icon_rank7.png);}
.rankingArea article:nth-of-type(8) .thumb:after{content:url(/img/icon_rank8.png);}
.rankingArea article:nth-of-type(9) .thumb:after{content:url(/img/icon_rank9.png);}
.rankingArea article:nth-of-type(10) .thumb:after{content:url(/img/icon_rank10.png);}

/* --------------------------------------------------
	rankingMvList
-------------------------------------------------- */
.rankingMvList article{width:25%;}
.rankingMvList article:nth-of-type(-n+6){width:33.33%;}
.rankingMvList article:nth-of-type(4),.rankingMvList article:nth-of-type(7){clear:both;}
.rankingMvList article:nth-of-type(5n+1){clear:none;}

/* --------------------------------------------------
	crossLink
-------------------------------------------------- */
.crossLink{
	margin-bottom:50px;
}
.writterLink li,.machineLink li{display:inline-block;margin:0;}
.writterLink li a,.machineLink li a{
	display:block;
	background-color:#d70c19;
	border-radius:5px;
	padding:5px 8px;
	margin:0 3px 5px 0;
	color:#fff;
	font-size:1.14em;
}

/* --------------------------------------------------
	PROGRAM DETAIL
-------------------------------------------------- */
.pgInfoInn{
	max-width:1220px;
	min-width:1000px;
	margin:0 auto;
	padding:20px;
	box-sizing:border-box;
}
.pgInfo .pgTt{
	font-size:2.14em;
	margin-bottom:20px;
}
.pgDetail{
	width:75%;
	box-sizing:border-box;
	padding-right:20px;
	float:left;
}
.grThumb{
	width:47%;
	float:left;
}
.grThumb img{
	width:100%;
	height:auto;
}
.pgTxtArea{
	width:53%;
	box-sizing:border-box;
	padding-left:20px;
	float:right;
}
.toolArea{
	width:25%;
	float:right;
	position:relative;
}
.countLike{
	position:relative;
}
.countLike .popover{
	font-size:12px;
	width:140px;
	position:absolute;
	left:-140px;
	top:0;
	background-color:rgba(255,255,255,1);
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	padding:10px;
}

.toolArea .rate{
	width:80%;
	height:100%;
	position:relative;
	margin:20px 10% 0;
	text-align:center;
}
.toolArea .rate:before{
	display:block;
	width:100%;
	text-align:center;
	content:"評価する";
	color:#666;
	height:1.4em;

}
.toolArea .rate div,.toolArea .rate div p{
	display:inline-block;
	cursor:pointer;
}
.rate div p img{
	display:inline-block;
	width:100%;
	height:auto;
	line-height:0;
	background-color:#fff;
}

/*.rate div p:hover img{opacity:0;}*/
.rate div p:nth-of-type(5):hover img{opacity:0;}
.rate div p:nth-of-type(4):hover img,.rate div p:nth-of-type(4):hover+p:nth-of-type(5) img{opacity:0;}
.rate div p:nth-of-type(3):hover img,.rate div p:nth-of-type(3):hover+p img,.rate div p:nth-of-type(3):hover+p+p img{opacity:0;}
.rate div p:nth-of-type(2):hover img,.rate div p:nth-of-type(2):hover+p img,.rate div p:nth-of-type(2):hover+p+p img,.rate div p:nth-of-type(2):hover+p+p+p img{opacity:0;}
.rate div p:nth-of-type(1):hover img,.rate div p:nth-of-type(1):hover+p img,.rate div p:nth-of-type(1):hover+p+p img,.rate div p:nth-of-type(1):hover+p+p+p img,.rate div p:nth-of-type(1):hover+p+p+p+p img{opacity:0;}
.rate div p.on:nth-of-type(5) img{opacity:0;}
.rate div p.on:nth-of-type(4) img,.rate div p.on:nth-of-type(4)+p:nth-of-type(5) img{opacity:0;}
.rate div p.on:nth-of-type(3) img,.rate div p.on:nth-of-type(3)+p img,.rate div p.on:nth-of-type(3)+p+p img{opacity:0;}
.rate div p.on:nth-of-type(2) img,.rate div p.on:nth-of-type(2)+p img,.rate div p.on:nth-of-type(2)+p+p img,.rate div p.on:nth-of-type(2)+p+p+p img{opacity:0;}
.rate div p.on:nth-of-type(1) img,.rate div p.on:nth-of-type(1)+p img,.rate div p.on:nth-of-type(1)+p+p img,.rate div p.on:nth-of-type(1)+p+p+p img,.rate div p.on:nth-of-type(1)+p+p+p+p img{opacity:0;}
.rate div p{
	background:url(/img/pc/icon_rate_on.png) no-repeat center top;
	background-size:100% auto;
	height:auto;
	line-height:0;
	float:right;
	width:20%;
}

.snsArea{margin:20px 0;}
.snsArea ul{float:right;}
.snsArea ul:before{
	content:"シェアする";
	font-size:0.857em;
	display:inline-block;
	color:#666;
	float:left;
	margin-top:10px;
}
.snsArea ul li{
	float:left;
	margin:0 0 0 10px;
}
.snsArea ul li a{display:inline-block;}
.snsArea ul li a:hover{opacity:0.7;}

.cmtBox{
	padding-right:10px;
	width:50%;
	box-sizing:border-box;
	float:left;
	margin-bottom:50px;
}
.cmtList{
	background-color:#fff;
	height:310px;
	overflow-y:scroll;
}
.cmtList article{
	margin:0 20px;
	color:#666;
	border-bottom:1px solid #ccc;
	padding:20px 0;
}
.cmtList article:last-of-type{border:none;}
.cmtList .usrName{
	font-weight:bold;
	float:left;
}
.cmtDate{float:right;}
.cmtBody{clear:both;}
.cmtList .countLike{
	float:right;
	height:15px;
}
.cmtList article .btn{
	background:none;
	border:none;
	display:inline-block;
	width:inherit;
	height:15px;
	line-height:15px;
	float:right;
}
.cmtList article .btn span{
	background:none;
	display:block;
	width:15px;
	height:15px;
}
.cmtList article .btn span.load{opacity:0.5;}
.cmtList .count{
	margin-top:2px;
	display:block;
	line-height:15px;
	float:left;
	margin-right:15px;
}
.cmtList .cmtBtn{padding:20px;}
#moreLoading{opacity:0.5;}

.cmtForm{
	width:50%;
	padding-left:10px;
	box-sizing:border-box;
	float:right;
}
.cmtForm input{
	height:40px;
	width:100%;
	border:1px solid #666;
	border-radius:5px;
	padding:5px;
	box-sizing:border-box;
}
.cmtForm textarea{
	height:140px;
	width:100%;
	border:1px solid #666;
	border-radius:5px;
	padding:5px;
	box-sizing:border-box;
	margin-bottom:10px;
}
.cmtForm .btn{
	width:45%;
	float:right;
}

.cmtForm .loginBox{
	clear:both;
	position:relative;
	display:block;
	transition:0;
	height:310px;
	box-sizing:border-box;
	padding:90px 100px 0 100px;
	background-color:#cccccc;
	color:#333;
}
.cmtForm .loginBox .btn{
	clear:both;
	width:100%;
}
/* --------------------------------------------------
	MOVIE PAGE
-------------------------------------------------- */
.movieArea{
	padding:20px;
	background-color:#262940;
}
.movieArea .moviePlayBox{
	width:640px;
	height:360px;
	margin:0 auto;
	position:relative;
}
.movieArea .moviePlayBox img{
	width:100%;
	height:auto;
}
.mvInfoInn{
	max-width:1220px;
	min-width:1000px;
	margin:0 auto;
	padding:20px;
	box-sizing:border-box;
}
.mvInfo .pgTt{
	font-size:1.28em;
}
.mvInfo .mvTt{
	font-size:2.1em;
	margin-bottom:20px;
	color:#d70c19;
}
.mvDetail{
	width:75%;
	box-sizing:border-box;
	padding-right:20px;
	float:left;
}
.mvTxtArea .aList{margin-bottom:5px;}
.mvTxtArea .aList:nth-of-type(1){margin:20px 0 5px;}

.moviePlayBox .overay{
	position:absolute;
	left:0;
	top:0;
	width:640px;
	height:360px;
	background-color:rgba(0,0,0,0.4);
	color:#fff;
	text-align:center;
	font-size:1.21em;
	box-sizing:border-box;
	padding:160px 0 0 0;
}
.moviePlayBox .thumb{
	position:absolute;
	left:0;
	top:0;
}
.videoBox{
	width:640px;
	height:360px;
}

/* --------------------------------------------------
	TV PAGE
-------------------------------------------------- */
.tvArea{
	margin-top:-120px;
	padding-top:140px;
	background-color:#400000;

}
.tvArea .moviePlayBox .thumb:after{
	content:url(/img/live.gif);
	width:189px;
	height:46px;
	position:absolute;
	top:0;
	right:10px;
}
.tvArea .moviePlayBox .thumb img{width:640px;height:auto;}

/* --------------------------------------------------
	pager
-------------------------------------------------- */
.pager{margin-bottom:50px;}
.pager li:first-child{text-align:left;}
.pager li:last-child{text-align:right;}
.pager li a, .pager li > span,.pager li a:hover{
  display:inline-block;
  padding:10px 15px;
  background:#d70c19;
  color:#fff;
	border-radius:5px;
  text-decoration:none;
  font-size:1.1em;
	margin:0 5px;
}
.pager li a{
  background-color:#fff;
  color:#333;
}
.pager li:first-child > span,.pager li:last-child > span{color:#bababa;background-color:#fff;}

.movieBox+.flC{margin-top:50px;}

/* --------------------------------------------------
	news
-------------------------------------------------- */
.newsArea{
	margin:0 auto 30px;
}
.newsArea > p{margin-bottom:20px;}
.newsInfo{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
}
.newsList .newsInfo{
	margin-bottom:5px;
	padding:0;
	border-bottom:none;
}
.newsArea .date{
	display:inline-block;
	font-size:0.857em;
	padding:2px 5px;
	margin-right:10px;
}
.newsArea .ctg{
	display:inline-block;
	background-color:#333;
	color:#fff;
	font-size:0.857em;
	padding:2px 5px;
}

.newsBody{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
}
.newsArea .btn{
	width:250px;
}
.newsTt{
	margin-top:5px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}

.newsList a .date{color:#333;}
.newsList a .ctg{color:#fff;}

/* --------------------------------------------------
	time table
-------------------------------------------------- */
.timeTableArea{margin-bottom:50px;}
.ttHeader p{
	font-size:1.21em;
	font-weight:bold;
	text-align:center;
	padding-bottom:10px;
	border-radius:5px 5px 0 0;
}
.ttBody{border-radius:10px;overflow:hidden !important;}
.ttBody ul{
	float:left;
	width:13%;
	box-sizing:border-box;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.ttBody ul.timeRight,.ttBody ul.timeLeft{
	width:4.5%;
	text-align:center;
	color:#fff;

	background: rgb(43,123,241); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(43,123,241,1) 0%, rgba(11,89,205,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(43,123,241,1) 0%,rgba(11,89,205,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(43,123,241,1) 0%,rgba(11,89,205,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b7bf1', endColorstr='#0b59cd',GradientType=0 ); /* IE6-9 */
}
.ttBody ul.timeLeft{border-left:1px solid #ccc;}
.ttBody ul.timeRight{border-right:1px solid #ccc;}
.ttBody ul.timeRight li:nth-of-type(1),.ttBody ul.timeLeft li:nth-of-type(1){
	background-color:#1f2029;
	border-bottom:2px solid #1f2029;
	line-height:35px;
}
.ttBody ul.timeRight li:nth-of-type(1) img,.ttBody ul.timeLeft li:nth-of-type(1) img{
	width:auto;
	height:25px;
	margin:5px 0;
}
.ttBody ul.timeRight a:hover,.ttBody ul.timeLeft a:hover{
	opacity:0.8;
}
.ttBody ul li:nth-of-type(1){
	height:35px;
	line-height:35px;
	padding:0;
	text-align:center;
	border-bottom:2px solid #ccc;
	font-weight:bold;
}
.ttBody ul li:last-of-type{border-bottom:none;}
.ttBody ul li{
	height:100px;
	box-sizing:border-box;
	background-color:#fff;
	border-bottom:1px dashed #ccc;
	overflow:hidden;
	padding:5px;
}
.ttBody ul.today li{background-color:#ffe6d4;}
.ttBody ul li.onair{background-color:#ffcfac;}
.ttBody ul.timeLeft li,.ttBody ul.timeRight li{background:none;}
.ttBody ul li.half{height:50px;}
.ttBody ul li.half1,.ttBody ul li.half1 a{height:150px;}
.ttBody ul li.hour2,.ttBody ul li.hour2 a{height:200px;}
.ttBody ul li.half2,.ttBody ul li.half2 a{height:250px;}
.ttBody ul li.hour3,.ttBody ul li.hour3 a{height:300px;}
.ttBody ul li.half3,.ttBody ul li.half3 a{height:350px;}
.ttBody ul li.hour4,.ttBody ul li.hour4 a{height:400px;}
.ttBody ul li.half4,.ttBody ul li.half4 a{height:450px;}
.ttBody ul li.hour5,.ttBody ul li.hour5 a{height:500px;}
.ttBody ul li.half5,.ttBody ul li.half5 a{height:550px;}
.ttBody ul li.hour6,.ttBody ul li.hour6 a{height:600px;}
.ttBody ul li.half6,.ttBody ul li.half6 a{height:450px;}

.ttBody ul li a{
	display:block;
	color:#333;
}
.ttBody ul li a div{position:relative;}
.ttBody ul li a:hover,.ttBody ul li a:active{text-decoration:none;}
.ttBody ul li .time{font-size:0.714em;}
.iconHD:after{
	content:"HD";
	padding:0 3px;
	background:#666;
	color:#fff;
	position:absolute;
	top:-1px;
	right:0;
}
.ttBody ul li .story_detail{font-size:0.714em;color:#666;clear:both;}
.ttBody ul li .date{display:none;}
.series_title,.story_num{
	display:block;
	color:#d70c19;
	font-size:0.8em;
	line-height:1.2em;
}
.series_title:after{content:" ";display:inline;}

#cboxContent .inline_content{margin:20px;}
#cboxContent .time{font-size:0;}
#cboxContent .iconHD:after{font-size:14px;}

#cboxContent .series_title,#cboxContent .story_num{
	font-size:1.21em;
	font-weight:bold;
	display:inline;
}
#cboxContent .story_detail:before{
	content:"番組詳細";
	display:block;
	margin:20px 0 10px 0;
	color:#666;
	border-bottom:1px solid #ccc;
}
#cboxContent .date{
	position:absolute;
	left:20px;
	right:20px;
	bottom:30px;
	background-color:#efefef;
	padding:10px 20px;
}
#cboxContent .date:before{
	content:"放映日時：";
	display:inline-block;
}

/* --------------------------------------------------
	my page
-------------------------------------------------- */
.myInfo{
	width:500px;
	margin:20px auto 50px;
	background-color:#fff;
	padding:20px 50px;
	text-align:center;
	font-size:1.17em;
}
.myInfo p{
	margin:5px 0;
}

.myMenu{
	margin:0 auto 10px;
	box-sizing:border-box;
}
.myMenu li{
	margin:0 10px 10px 10px;
	width:300px;
	float:left;
}
.myMenu li img{
	vertical-align:middle;
	width:20px;
	height:20px;
}
.myMenu:last-of-type{margin-bottom:250px;}


/* --------------------------------------------------
	form
-------------------------------------------------- */
.formBox{
	margin:20px 28%;
}
.formParts{
	margin:0 0 15px 0;
}
.ttForm{font-size:1.21em;}
.ttForm span{
	font-size:0.71em;
	color:#f00;
}
.formParts input[type="text"],.formParts input[type="password"],.formParts select{
	width:100%;
	height:35px;
	line-height:35px;
	padding:0 10px;
	box-sizing:border-box;
	border-radius:5px;
	border:1px solid #666;
	background-color:#fff;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  sans-serif;
}
.formParts select{padding:0 0 0 10px;}

.formParts textarea{
	width:100%;
	box-sizing:border-box;
	border-radius:5px;
	border:1px solid #666;
	padding:10px;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  sans-serif;
	font-size:14px;
}

.formBox .btn{margin-top:20px;}
.formParts .check{
	width:100%;
	padding:5px 10px;
	box-sizing:border-box;
	border-radius:5px;
	border:1px solid #666;
	background-color:#fff;
}
.contactCau{
	margin:30px 15%;
	padding:20px;
	background-color:#fff;
	border:2px solid #ccc;
}
.contactCau .btn{
	width:500px;
	margin:30px auto 0;
}
.formParts .errComment{
	background-color:#ffdbdb;
	color:#f00;
	padding:5px;
}
.formParts input[type="checkbox"]{
	vertical-align:middle;
	margin-right:10px;
	margin-top:-3px;
}
.formComment{
	font-size:0.857em;
	color:#666;
	margin-top:2px;
}
.formRadio label{display:block;margin-bottom:5px;}
.formRadio input[type="radio"]{
	margin-right:10px;
	padding:5px;
	background:#fff;
	position:relative;
	display:inline-block;
}
.formRadio input[type="radio"]{display:inline-block;}
.formRadio input[type="radio"]:after{
	content:"";
	position:absolute;
	display:inline-block;
	width:18px;
	height:18px;
	line-height:18px;
	top:-2px;
	left:-6px;
	background-color:#fff;
	border-radius:10px;
	border:1px solid #ccc;
}
.formRadio input[type="radio"]:checked::after{
	content:"●";
	position:absolute;
	top:-2px;
	left:-6px;
	z-index:3;
	display:inline-block;
	width:18px;
	height:18px;
	line-height:18px;
	text-align:center;
	background-color:#fff;
	border-radius:10px;
	box-sizing:border-box;
	color:#d70c19;
	border:1px solid #ccc;
}

.formCheck label{display:block;margin-bottom:5px;}
.formCheck input[type="checkbox"]{
	margin-right:10px;
	padding:5px;
	background:#fff;
	position:relative;
	display:inline-block;
}
.formCheck  input[type="checkbox"]{display:inline-block;}
.formCheck input[type="checkbox"]:after{
	content:"";
	position:absolute;
	display:inline-block;
	width:18px;
	height:18px;
	line-height:18px;
	top:-2px;
	left:-6px;
	background-color:#fff;
	border-radius:5px;
	border:1px solid #ccc;
}
.formCheck input[type="checkbox"]:checked::after{
	content:"■";
	position:absolute;
	top:-2px;
	left:-6px;
	z-index:3;
	display:inline-block;
	width:18px;
	height:18px;
	line-height:18px;
	text-align:center;
	background-color:#fff;
	border-radius:5px;
	box-sizing:border-box;
	color:#d70c19;
	border:1px solid #ccc;
}
.formCheck input[type="text"],.formRadio input[type="text"]{
	margin-top:5px;
}

/* --------------------------------------------------
	button
-------------------------------------------------- */
button.btn{
	width:100%;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size:1em;
	padding:0;
	cursor:pointer;
}
button.btn:focus{outline:none;}
.btn{
	border-radius:5px;
	border:1px solid #757575;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#333;

	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(234,234,234,1) 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}
.btn a{
	text-decoration:none;
	color:#333;
	display:block;
	height:40px;
}
.btn:hover{
	opacity:0.7;
	transition:opacity 0.2s;
}

.btnCom{margin-top:10px;}
.btnFav span{
	display:block;
	background:url(/img/pc/icon_fav.png) no-repeat left 20px center;
}
.btnCom a,.btnCom span{
	display:block;
	background:url(/img/pc/icon_com.png) no-repeat left 20px center;
}
.btn span.load{opacity:0.5;}
.btnFav.fav span{background:url(/img/pc/icon_favOn.png) no-repeat left 20px center;}

.toolArea .countLike .count{display:none;}

.settlement{
	width:50%;
	float:left;
	padding:10px;
	margin-top:10px;
	box-sizing:border-box;
}
.settlement:nth-of-type(1){padding-left:10%;}
.settlement:nth-of-type(2){padding-right:10%;}
.settlement li{margin-bottom:10px;}
.settlement li a{color:#fff;}
.settlement li.dc{
	border:1px solid #cb002b;

background: rgb(255,58,100); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,58,100,1) 0%, rgba(240,0,51,1) 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,58,100,1) 0%,rgba(240,0,51,1) 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,58,100,1) 0%,rgba(240,0,51,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3a64', endColorstr='#f00033',GradientType=0 ); /* IE6-9 */
}
.settlement li.au{
	border:1px solid #bf4200;

background: rgb(255,58,100); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,107,28,1) 0%, rgba(234,84,4,1) 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,107,28,1) 0%,rgba(234,84,4,1) 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,107,28,1) 0%,rgba(234,84,4,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6b1c', endColorstr='#ea5404',GradientType=0 ); /* IE6-9 */
}
.settlement li.sb{
	border:1px solid #928da3;

background: rgb(255,58,100); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(230,229,237,1) 0%, rgba(209,206,218,1) 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(230,229,237,1) 0%,rgba(209,206,218,1) 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(230,229,237,1) 0%,rgba(209,206,218,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e5ed', endColorstr='#d1ceda',GradientType=0 ); /* IE6-9 */
}
.settlement li.sb a{color:#333;}
.settlement li.rakuten a{color: #be0000;}
.settlement li img{vertical-align:middle;margin-top:-2px;}
.settlement li.credit{
	border:1px solid #003c96;

background: rgb(255,58,100); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(43,123,241,1) 0%, rgba(11,89,205,1) 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(43,123,241,1) 0%,rgba(11,89,205,1) 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(43,123,241,1) 0%,rgba(11,89,205,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b7bf1', endColorstr='#0b59cd',GradientType=0 ); /* IE6-9 */
}
.settlement li.web{
	border:1px solid #d8a300;

background: rgb(255,58,100); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,205,53,1) 0%, rgba(255,192,0,1) 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,205,53,1) 0%,rgba(255,192,0,1) 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,205,53,1) 0%,rgba(255,192,0,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcd35', endColorstr='#ffc000',GradientType=0 ); /* IE6-9 */
}
.settlement li.yh{
	border:1px solid #dda600;

background: rgb(255,58,100); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,242,201,1) 0%, rgba(255,229,152,1) 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,242,201,1) 0%,rgba(255,229,152,1) 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,242,201,1) 0%,rgba(255,229,152,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcd35', endColorstr='#ffe598',GradientType=0 ); /* IE6-9 */
}
.settlement li.yh a{color:#f00;}

.settlement.hx2 li{
	height:60px;
	width:100%;
	display:table;
}
.hx2 .btn a{
	height:60px;
	display:table-cell;
	width:100%;
	text-align:center;
	line-height:1.4em;
	vertical-align:middle;
}


.ttCau{
	background-color:#d70c19;
	color:#fff;
	font-size:1.71em;
	padding:5px 20px;
}
.caution ul{
	width:50%;
	float:left;
}
.caution ul li{margin-top:10px;}


/* --------------------------------------------------
	footer
-------------------------------------------------- */

.ftNav{
	background:#303030;
	padding:10px;
	text-align:center;
}
.ftNav li{display:inline-block;}
.ftNav li:after{
	content:"|";
	margin:0 20px;
	color:#fff;
}
.ftNav li:last-of-type::after{content:"";}
.ftNav li a:link,.ftNav li a:visited{color:#fff;}
.ftNav li a:hover,.ftNav li a:active{color:#fff;}

.copy{
	padding:10px;
	background:#eaeaea;
	font-size:0.857em;
	text-align:center;
}
.smpl .copy{
	background:#303030;
	color:#fff;
}
/* --------------------------------------------------
	Login
-------------------------------------------------- */
.loginBox{
	position:fixed;
	background:rgba(0,0,0,0.5);
	bottom:0;
	right:0;
	padding:20px;
	color:#fff;
	z-index:50;
}
.loginBox .btn:nth-of-type(2),
.loginArea .btn:nth-of-type(1),.submitBtn{
	border:1px solid #20aa00;
	margin:10px 0;

	background: rgb(87,217,57); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(87,217,57,1) 0%, rgba(59,182,31,1) 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(87,217,57,1) 0%,rgba(59,182,31,1) 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(87,217,57,1) 0%,rgba(59,182,31,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57d939', endColorstr='#3bb61f',GradientType=0 ); /* IE6-9 */
}
.loginBox p.btn:nth-of-type(2) a,
.loginArea .btn:nth-of-type(1) a,.submitBtn a{
	color:#fff;
	font-weight:bold;
}

.loginIdBox .formBox{
	width:50%;
	float:left;
	box-sizing:border-box;
	padding:0 10% 0 10%;
	margin:20px 0;
}
.loginIdBox .formBox .btn{margin-top:0;}

.loginIdBox .loginArea{
	width:50%;
	box-sizing:border-box;
	padding:20px 10%;
	margin:20px 0;
	float:left;
	background:#fff;
}
.loginIdBox .loginEr{
	width:50%;
	box-sizing:border-box;
	margin:0;
	float:right;
}

.btn2Col{
	width:50%;
	float:left;
	padding:10px;
	margin-top:10px;
	box-sizing:border-box;
}
.btn2Col:nth-of-type(1){padding-left:20%;}
.btn2Col:nth-of-type(2){padding-right:20%;}

.ispBox{margin:0 -10px;}
.ispBox .boxWrap{
	width:20%;
	float:left;
	padding:10px;
	box-sizing:border-box;
}
.ispBox .boxWrapInn{
	padding:10px;
	box-sizing:border-box;
	background-color:#fff;
	text-align:center;
}

.ispBox .boxWrapInn .btn{
	height:auto;
	padding:10px;
	line-height:1.4em;
	margin-top:10px;
}
.ispBox .boxWrapInn .btn span{
	display:block;
	font-size:0.857em;
}
.ispBox .boxWrapInn .btn:nth-of-type(1){
	border:1px solid #b77900;

	background: rgb(255,168,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,193,72,1) 0%, rgba(255,168,0,1) 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,193,72,1) 0%,rgba(255,168,0,1) 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,193,72,1) 0%,rgba(255,168,0,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc148', endColorstr='#ffa800',GradientType=0 ); /* IE6-9 */
}
.ispBox .boxWrapInn .btn:nth-of-type(2){
	border:1px solid #65a2b6;

	background: rgb(255,168,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(141,218,243,1) 0%, rgba(104,194,223,1) 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(141,218,243,1) 0%,rgba(104,194,223,1) 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(141,218,243,1) 0%,rgba(104,194,223,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ddaf3', endColorstr='#68c2df',GradientType=0 ); /* IE6-9 */
}
.ispBox .boxWrapInn .btn a{color:#fff;font-weight:bold;}

.w300{width:300px;margin:auto;}
.w500{width:500px;margin:auto;}


.btn-disable{
	color:#999 !important;
	border:1px solid #999 !important;
	background:#ccc !important; /* IE6-9 */
}
.btn-disable a{
	color:#999 !important;
}
.btn-disable:hover{
	opacity:1 !important;
	transition:opacity 0.2s;
}

/* --------------------------------------------------
	SystemComment
-------------------------------------------------- */
.sysComment{
	padding:10px;
	text-align:center;
	background-color:#fff;
	margin-bottom:20px;
}
.errComment{
	background-color:#acdca1;
	color:#f00;
}
.truComment{
	background-color:#ddf4d7;
	color:#1b8f00;
}
.cauComment{
	background-color:#f3e1bd;
	color:#cd8700;
}



.stImg img{width:100%;height:auto;}

/* --------------------------------------------------
	Wide use
-------------------------------------------------- */
/* ボーダークラス */
.brdNone{border:none;}

/* 余白クラス */
.mt0{margin-top:0;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}

.mr0{margin-right:0;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}
.mr90{margin-right:90px;}
.mr100{margin-right:100px;}

.mb0{margin-bottom:0;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}

.ml0{margin-left:0;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}

.mtb0{margin-top:0;margin-bottom:0;}
.mtb5{margin-top:5px;margin-bottom:5px;}
.mtb10{margin-top:10px;margin-bottom:10px;}
.mtb15{margin-top:15px;margin-bottom:15px;}
.mtb20{margin-top:20px;margin-bottom:20px;}
.mtb30{margin-top:30px;margin-bottom:30px;}
.mtb40{margin-top:40px;margin-bottom:40px;}
.mtb50{margin-top:50px;margin-bottom:50px;}
.mtb60{margin-top:60px;margin-bottom:60px;}
.mtb70{margin-top:70px;margin-bottom:70px;}
.mtb80{margin-top:80px;margin-bottom:80px;}
.mtb90{margin-top:90px;margin-bottom:90px;}
.mtb100{margin-top:100px;margin-bottom:100px;}

.mrl0{margin-right:0;margin-left:0;}
.mrl5{margin-right:5px;margin-left:5px;}
.mrl10{margin-right:10px;margin-left:10px;}
.mrl15{margin-right:15px;margin-left:15px;}
.mrl20{margin-right:20px;margin-left:20px;}
.mrl30{margin-right:30px;margin-left:30px;}
.mrl40{margin-right:40px;margin-left:40px;}
.mrl50{margin-right:50px;margin-left:50px;}
.mrl60{margin-right:60px;margin-left:60px;}
.mrl70{margin-right:70px;margin-left:70px;}
.mrl80{margin-right:80px;margin-left:80px;}
.mrl90{margin-right:90px;margin-left:90px;}
.mrl100{margin-right:100px;margin-left:100px;}

.ma0{margin:0 0 0 0;}
.ma5{margin:5px 5px 5px 5px;}
.ma10{margin:10px 10px 10px 10px;}
.ma15{margin:15px 15px 15px 15px;}
.ma20{margin:20px 20px 20px 20px;}
.ma30{margin:30px 30px 30px 30px;}
.ma40{margin:40px 40px 40px 40px;}
.ma50{margin:50px 50px 50px 50px;}
.ma60{margin:60px 60px 60px 60px;}
.ma70{margin:70px 70px 70px 70px;}
.ma80{margin:80px 80px 80px 80px;}
.ma90{margin:90px 90px 90px 90px;}
.ma100{margin:100px 100px 100px 100px;}

.pt0{padding-top:0;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}

.pr0{padding-right:0;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr60{padding-right:60px;}
.pr70{padding-right:70px;}
.pr80{padding-right:80px;}
.pr90{padding-right:90px;}
.pr100{padding-right:100px;}

.pb0{padding-bottom:0;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}

.pl0{padding-left:0;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl70{padding-left:70px;}
.pl80{padding-left:80px;}
.pl90{padding-left:90px;}
.pl100{padding-left:100px;}

.ptb0{padding-top:0;padding-bottom:0;}
.ptb5{padding-top:5px;padding-bottom:5px;}
.ptb10{padding-top:10px;padding-bottom:10px;}
.ptb15{padding-top:15px;padding-bottom:15px;}
.ptb20{padding-top:20px;padding-bottom:20px;}
.ptb30{padding-top:30px;padding-bottom:30px;}
.ptb40{padding-top:40px;padding-bottom:40px;}
.ptb50{padding-top:50px;padding-bottom:50px;}
.ptb60{padding-top:60px;padding-bottom:60px;}
.ptb70{padding-top:70px;padding-bottom:70px;}
.ptb80{padding-top:80px;padding-bottom:80px;}
.ptb90{padding-top:90px;padding-bottom:90px;}
.ptb100{padding-top:100px;padding-bottom:100px;}

.prl0{padding-right:0;padding-left:0;}
.prl5{padding-right:5px;padding-left:5px;}
.prl10{padding-right:10px;padding-left:10px;}
.prl15{padding-right:15px;padding-left:15px;}
.prl20{padding-right:20px;padding-left:20px;}
.prl30{padding-right:30px;padding-left:30px;}
.prl40{padding-right:40px;padding-left:40px;}
.prl50{padding-right:50px;padding-left:50px;}
.prl60{padding-right:60px;padding-left:60px;}
.prl70{padding-right:70px;padding-left:70px;}
.prl80{padding-right:80px;padding-left:80px;}
.prl90{padding-right:90px;padding-left:90px;}
.prl100{padding-right:100px;padding-left:100px;}

.pa0{padding:0 0 0 0;}
.pa5{padding:5px 5px 5px 5px;}
.pa10{padding:10px 10px 10px 10px;}
.pa15{padding:15px 15px 15px 15px;}
.pa20{padding:20px 20px 20px 20px;}
.pa30{padding:30px 30px 30px 30px;}
.pa40{padding:40px 40px 40px 40px;}
.pa50{padding:50px 50px 50px 50px;}
.pa60{padding:60px 60px 60px 60px;}
.pa70{padding:70px 70px 70px 70px;}
.pa80{padding:80px 80px 80px 80px;}
.pa90{padding:90px 90px 90px 90px;}
.pa100{padding:100px 100px 100px 100px;}

/* フォントクラス */
.bTxt{font-weight:bold;}
.uTxt{text-decoration:underline;}
.linkTxt{color:#069;text-decoration:underline;}
.redTxt{color:#e00;}
.blueTxt{color:#069;}
.grayTxt{color:#333;}
.lGrayTxt{color:#999;}
.ulGrayTxt{color:#ccc;}

.sTxt{font-size:0.85em;}
.xsTxt{font-size:0.78em;}
.xxsTxt{font-size:0.71em;}
.lTxt{font-size:1.14em;}
.xlTxt{font-size:1.28em;}
.xxlTxt{font-size:1.42em;}
.xxxlTxt{font-size:1.57em;}

.mark{
	text-indent:-1em;
	margin-left:1em;
}

/* アライン設定 */
.alTxt{text-align:left;}
.acTxt{text-align:center;}
.arTxt{text-align:right;}

/* クリア・フロート */
.flR{float:right;}
.flL{float:left;}
.flC{
	position:relative;
	overflow:hidden;
}
.flC ul{
	position:relative;
	left:50%;
	float:left;
}
.flC ul li{
	position:relative;
	left:-50%;
	float:left;
}

.clearfix{min-height:1px;}
.clearfix:after{
	content:" "; 
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
* html .clearfix{
	height:1px;
	/*¥*//*/
	height:auto;
	overflow:hidden;
	/**/
}

.clear{clear:both;}