@charset "utf-8";
/*reset*/
/*******************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td { margin: 0; padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal;}
table { border-collapse: collapse; border-spacing: 0;}
object,embed { vertical-align: top;}
hr,legend { display: none;}
input[type='text'], input[type='password'], textarea, select { outline: none;}
h1,h2,h3,h4,h5,h6 { font-size: 100%;}
img,abbr,acronym,fieldset { border: 0; vertical-align: middle;}
li { list-style: none;}
a:link { color: #E51919; text-decoration: underline;}
a:visited { color: #E51919; text-decoration: underline;}
a:hover { color: #EF7070; text-decoration: none;}
a:active { color: #E51919; text-decoration: none;}
.center { text-align: center;}
.right { text-align: right;}
.clear { clear: both;}
/*
10:77%   15:116%     20:153.9%   25:189%
11:85%   16:123.1%   21:161.6%   26:197%
12:93%   17:131%     22:167%
13:100%  18:138.5%   23:174% 
14:108%  19:146.5%   24:182%
*/

/*HACK*/
/*******************************************************************/
.mb0 { margin-bottom: 0!important;}
.min { font-size: 85%;}

/*clear*/
.cf { display: inline-block;}
.cf:after { content: "."; clear: both; display: block; height: 0; visibility: hidden;}
/*Hides from IE-mac\*/
* html .cf {height:1%;}
.cf { display:block;}
/*End hide from IE-mac*/


/*LAYOUT*/
/*******************************************************************/
body { text-align: center; background: #F1F1F1; font: 81.25% "Hiragino Kaku Gothic ProN","meiryo","メイリオ","ms pgothic","ms pゴシック","osaka",sans-serif,"TakaoPGothic","Sazanami Gothic"; -webkit-text-size-adjust: 100%; color: #333;}
#container { position: relative; min-width: 990px; margin: 0 auto; text-align: left; line-height: 1.8; font-size: 93%;}
#main, #review, .movie .in { position: relative; width: 960px; margin: 0 auto;}
#pt { position: fixed; left: 50%; bottom: 0; margin-left: -30px; width: 60px; height: 30px; z-index: 9999;}


/*top*/
/*******************************************************************/
#enter { padding: 50px 0; background: #FFF; border-top: #E51919 solid 70px; border-bottom: #E51919 solid 70px; text-align: center;}
#enter h1 { padding-bottom: 36px;}
#enter h2, #enter p { padding-bottom: 18px;}
#enter h2 { font-size: 123.1%; color: #E51919;}
.warning { padding: 20px; text-align: left; background: #F1F1F1; font-size: 93%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url(/static/css/border-radius.htc);}
.warning div { padding: 5px; border: #00B200 solid 1px; color: #00B200;}


/*HEADER*/
/*******************************************************************/
#open { display: none;}
#header{ position: relative; width: 100%; height: 70px; background: url(../images/header.png) 0 0 repeat-x; font-size: 12px; z-index: 100;}
#header h1 { float: left; width: 18%; text-align: center;}
#header h1 img { width: auto; max-width: 100%; height: auto;}
#header li, #cat li { float: left; z-index: 30; zoom: 1;}
#header li a, #cat li a { display: block; height: 35px; padding: 0 20px; text-decoration: none; line-height: 2.6; color: #FFF;}
#header ul ul { display: none; z-index: 100; width: 100px; top: 32px; right: 0px; background: #fff;}
#header ul ul li { width: 100px;}

#nav { position: absolute; top: 35px; left: 18%; background: url(../images/vline.gif) left center no-repeat;}
#nav li { padding-right: 1px; background: url(../images/vline.gif) right center no-repeat;}
#nav li a { text-shadow: 1px 1px 3px #000;}
#nav li a.ua { background-image: url(../images/ua.png); background-position: center 25px; background-repeat: no-repeat;}
#nav li a:hover { background-color: #F00; background-position: center 29px;}
#nav li a.selected { background-color: #000; background-position: center 29px;}
.listbox { display: none; position: absolute; top: 35px; padding: 20px; background: rgb(30, 30, 30); background: rgba(0, 0, 0, 0.8);}
.listbox dl { float: left; max-width: 160px; margin: 10px 20px;}
.listbox dt, .listbox dt a { font-size: 108%; font-weight: bold; color: #36D900!important;}
.listbox dt, .listbox dd { white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.listbox dt a { padding-left: 20px!important; background: url(../images/ra.png) 5px center no-repeat;}
.listbox dt a:hover { background-position: 5px center!important; color: #FFF!important;}
.listbox a { height: auto; padding: 0 5px!important;}
.listbox a span { padding-left: 5px; font-size: 85%;}
.listbox p { clear: both; text-align: right;}
.cat { width: 920px; left: -200px;}
.actress { width: 680px; left: 0;}
.rank { width: 180px; left: 300px;}
.series { width: 780px; right: 0;}
.series dd { float: left; width: 33%;}
.label { width: 780px; right: 0;}
.label dd { float: left; width: 25%;}
.photograph { width: 200px; left: 400px;}
.rank dl, .series dl, .label dl, .photograph dl { max-width: none; width: 100%;}

#global { float: right; width: 82%; height: 35px; background: #FFF;} 
#global ul { position: absolute; top: 0; right: 0;}
#global li a { padding: 0 10px; font-size: 93%; font-weight: bold; line-height: 3; color: #E51919;}
#global li a:hover { background: #EEE;}
#global form { width: 280px;}
#global .searchtext { float: left; width: 180px; height: 35px; padding: 0 10px; vertical-align: middle; background: #EBEBEB; border: none;}

#bread { margin-bottom: 20px; background: #EEE; border-radius: 5px; overflow: hidden;}
#bread li { float: left; line-height: 1;}
#bread a { position: relative; float: left; padding: .7em 1em .7em 3em; background: #AAAFB5; text-decoration: none; color: #333;}
#bread a:hover { color: #E51919;}
#bread li:first-child a { padding-left: 1.5em; border-radius: 5px 0 0 5px;}
#bread a:after, #bread a:before { content: ""; position: absolute; top: 50%; right: -1.5em; margin-top: -1.5em; border-top: 1.5em solid transparent; border-bottom: 1.5em solid transparent; border-left: 1.5em solid;}
#bread a:after { border-left-color: #AAAFB5; z-index: 3;}
#bread a:before { border-left-color: #EEE; right: -1.6em; z-index: 2;}
#bread strong { display: block; padding: .7em 1em .7em 2.5em; color: #000;}


/*FOOTER*/
/*******************************************************************/
#footer { clear: both; background: #444; border-top: #D6D6D6 solid 5px; color: #FFF;}
#footer .in { padding: 1% 5%;}
#footer dl { float: left; width: 180px; margin-right: 40px;}
#footer dt { font-size: 131%; font-weight: bold;}
#footer dd a { display: block; padding: 2px 0 2px 14px; background: url(../images/dot.gif) 0 center no-repeat; border-bottom: #666 dotted 1px;}
#footer dd a:hover { text-decoration: none; color: #999;}
#footer a { text-decoration: none; color: #FFF;}
#footer .social { float: right; padding-bottom: 30px;}
#footer .social li { float: left; padding-left: 5px;}
#footer .social li img { border: #444 solid 1px;}
#footer .social li a:hover img { border-color: #FFF;}
#footer p { clear: right; float: right; margin-bottom: 10px;}
#footer p.mm a { display: block; padding: 10px; background: #333; border: #666 solid 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url(/static/css/border-radius.htc);}
#footer p.mm a:hover { background: #555; border-color: #888;}
#footer p.mm-jav a { padding: 10px 20px; font-weight: bold; font-size: 16px;}
.complied a { color: #888!important;}
.footerLabel { background: #E0E0E0; border-top: #CCC solid 1px; padding: 1% 5%;}
.footerLabel h4 { color: #666;}
.footerLabel li, .footerRecommendSites li { display: inline-block; padding: 0.2%;}
.footerLabel li img { margin-bottom: 10px;}
.footerRecommendSites { background: #999; padding: 1% 5%;}


/*CONTENTS*/
/*******************************************************************/
#main, #review { margin-bottom: 60px;}
.streaming {
  background: #000;
}
#main.searchlist { display: table; width: 100%; padding-bottom: 30px; background: #F1F1F1;}
.pagetitle { padding: 18px 0; background: #FFF; border-bottom: #D6D6D6 solid 1px;}
.pagetitle h2 { padding: 0 30px; font-size: 197%; color: #E51919;}
.st { margin: 18px 0; padding: 10px; background: #E51919; font-size: 131%; line-height: 1; color: #FFF; text-shadow: 1px 1px 3px #600; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url(/static/css/border-radius.htc);}
.sub { padding: 10px; font-size: 153.9%; color: #E51919;}
.more { position: absolute; top: 8px; right: 5px;}
.more a {  padding: 1px 20px; background: #FFF; text-decoration: none; font-size: 93%; font-weight: bold; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(/static/css/border-radius.htc);}
.more a:hover { background: #EF7070; color: #FFF;}

.btn a, .dbox button { display: block; width: 180px; height: 36px; margin: 0 auto; background: url(../images/btn.png) center 0 no-repeat; border: none; text-align: center; font-size: 123.1%; font-weight: bold; text-decoration: none; line-height: 2.7; overflow: hidden; color: #FFF;}
.btn a:hover, .dbox button:hover { background-position: center -36px;}
.btngray a { display: block; width: 180px; height: 36px; margin: 0 auto; background: url(../images/btn_gray.png) center 0 no-repeat; border: none; text-align: center; font-size: 123.1%; font-weight: bold; text-decoration: none; line-height: 2.7; overflow: hidden; color: #FFF;}
.btngray a:hover { background-position: center -36px;}
.btnpurple a { display: block; width: 180px; height: 36px; margin: 0 auto; background: url(../images/btn_purple.png) center 0 no-repeat; border: none; text-align: center; font-size: 123.1%; font-weight: bold; text-decoration: none; line-height: 2.7; overflow: hidden; color: #FFF;}
.btnpurple a:hover { background-position: center -36px;}
.btnbrown a { display: block; width: 180px; height: 36px; margin: 0 auto; background: url(../images/btn_brown.png) center 0 no-repeat; border: none; text-align: center; font-size: 123.1%; font-weight: bold; text-decoration: none; line-height: 2.7; overflow: hidden; color: #FFF;}
.btnbrown a:hover { background-position: center -36px;}
.mediumbtn a { display: block; width: 180px; height: 26px; margin: 0 auto; background: url(../images/mediumbtn.png) 0 0 no-repeat; text-align: center; font-size: 108%; font-weight: bold; text-decoration: none; line-height: 2; overflow: hidden; color: #FFF;}
.mediumbtn a:hover { background-position: 0 -26px;}
.minbtn a { display: block; width: 90px; height: 18px; background: url(../images/minbtn.png) 0 0 no-repeat; text-align: center; font-size: 85%; font-weight: bold; text-decoration: none; line-height: 2; overflow: hidden; color: #FFF;}
.minbtn a:hover { background-position: 0 -18px;}

.table { width: 100%; margin-bottom: 30px;}
.table th, .table td { padding: 10px; vertical-align: middle; border-bottom: #999 solid 1px;}
.table th { width: 300px; text-align: center; border-right: #999 dotted 1px;}
.table ul.minbtn li { float: left; padding: 0 5px; text-align: center;}
.table td.center { text-align: center; }


/*NAVIGATION*/
.navi { position: relative; clear: both; width: 960px; margin: 30px auto; text-align: center;}
.navi ul { width: 500px; margin: 0 auto;}
.navi li { display: inline; width: 28px; margin: 0 4px;}
.navi li a { display: inline-block; width: 28px; background: #FFF; border: 1px solid #BEBFBF; font-size: 118%; font-weight: bold; text-decoration: none; line-height: 28px;}
.navi li a:hover, .navi li a.current { background: #E51919; color: #fff;}
.navi li.prev a, .navi li.next a { background: none; border: none; line-height: normal;}
.navi ul li.prev { float: left;}
.navi ul li.next { float: right;}
.navifirst { position: absolute; top: 0; left: 15px;}
.naviend { position: absolute; top: 0; right: 15px;}
.all { clear: both; padding: 10px 0; text-align: center;}


/*SLIDER*/
.slider .title-wrapper { position: relative;}
.bx-wrapper { position: relative; margin: 0 auto 30px; *zoom: 1;}
.bx-wrapper img { max-width: 100%; display: block;}
.bx-pager, .bx-controls-auto { position: absolute; bottom: -30px; width: 100%;}
.bx-loading { min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}
.bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px;}
.bx-pager .bx-pager-item, .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline;}
.bx-pager.bx-default-pager a { background: #CCC; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.bx-pager.bx-default-pager a:hover, .bx-pager.bx-default-pager a.active { background: #E51919;}
.bx-prev { left: 0; background: url(../images/controls.png) no-repeat 0 0;}
.bx-next { right: 0; background: url(../images/controls.png) no-repeat -60px 0;}
.bx-prev:hover { background-position: 0 -60px;}
.bx-next:hover { background-position: -60px -60px;}
.bx-controls-direction a { position: absolute; top: 50%; margin-top: -30px; outline: 0; width: 60px; height: 60px; text-indent: -9999px; z-index: 9999;}
.bx-controls-direction a.disabled {	display: none;}
.freemovie, .samplephoto { display: none; margin-bottom: 18px; padding-top: 10px; background: #000;}
.freemovie .flowplayer { width: 720px!important;}
.samplephoto { padding-bottom: 10px; text-align: center;}
.slider { position: relative; min-width: 960px; padding: 18px 18px 60px; background: url(../images/slider.jpg) 0 0 repeat-x;}
.slider li a { position: relative; float: left; display: block; margin: 0 18px 18px 0; border: #FFF solid 1px;}
.slider li a:hover { border-color: #E51919;} 
.slider li a.rm, .popular li a, .free li a, .photo li a { margin-right: 0;}
.slider .bx-prev { left: -18px;}
.slider .bx-next { right: -18px;}
.event.slider { padding-bottom: 10px;}
.new-event.slider { margin-bottom: 30px; background:none; }
.event.slider .text, .new-event.slider .text{ padding: 5px }
.new-event.cf { margin-bottom: 30px; }
.description { display: none; position: absolute; bottom: 0; left: 0; width: 100%; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); line-height: 1.3;}
a .description { text-decoration: none; color: #FFF;} 
.description2 { position: absolute; top: 10px; right: -220px; width: 200px; line-height: 1.3;}
a .description2 { text-decoration: none!important; color: #333;}
.slider .title, .slider .actor, .ranklist3 li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.slider .title { padding: 5px 5px 2px; font-size: 93%; font-weight: bold;}
.slider .actor { padding: 0 5px 5px; font-size: 85%; color: #666;}
.detail { background: #FFF;}
.detail a { margin: 0; text-decoration: none; font-size: 116%;}
.long { width: 940px!important;}
.long .description2 { right: -440px; width: 420px;}
.long .title, .long .actor { font-size: 123.1%;}
.slider .text { padding-top: 10px;}
.slider .playbtn { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 54px; height: 54px; background: url(../images/play.png) 0 0 no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.slider .freemovielink { padding: 10px 0; text-align: center; background: #111;}
.slider .freemovielink a { text-decoration: none; color: #36D900!important;}
.slider .freemovietitle { font-size: 108%; font-weight: bold; color: #FFF;}
.trim { display: block; width: 460px; height: 268px; overflow: hidden;}
.trim img { height: 268px;}
.pagenum { padding: 2px; text-align: center; background: #FFF;}
.scap { margin: 50px 0 30px;}
.vcap { margin: 50px 0;}
.scap a, .vcap a { display: inline-block; padding: 0 1px 5px;}


/*TOP*/
.topimage { position: relative; min-width: 960px; margin: 0 auto; line-height: 1; background: #242424;}
.topimage video { width: auto; max-width: 100%; height: auto; margin: 0 auto;}
.halfbanner { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; padding: 0; background: rgba(0,0,0,.5);}
.halfbanner .slick { width: 90%; max-width: 1400px; margin: 0 auto; padding: 20px 0;}
.halfbanner .slick-slide { -webkit-transition: .5s ease; transition: .5s ease; -webkit-transform: scale(.9); transform: scale(.9);}

.watch { padding: 10px 0; background: #353535; overflow: hidden;}
.watch h2 { padding: 1% 0 2%; text-align: center; font-size: 197%; line-height: 1; color: #FFF;}
.watch .caption { position: relative; opacity: 0; top: -30px; padding: 20px; text-align: center; color: #FFF; -webkit-transition: .5s ease; transition: .5s ease;}
.watch .caption h4 { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; font-size: 131%; color: #f7d52d;}
.watch .caption p { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;}
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list { position: relative; display: block; overflow: hidden;}
.slick-list:focus { outline: none;}
.slick-list.dragging { cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before, .slick-track:after { display: table; content: '';}
.slick-track:after { clear: both;}
.slick-loading .slick-track { visibility: hidden;}
.slick-slide { display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide { float: right;}
.slick-slide img { display: block; width: 100%;}
.slick-slide.slick-loading img { display: none;}
.slick-slide.dragging img { pointer-events: none;}
.slick-initialized .slick-slide { display: block;}
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}
.slick-arrow { position: absolute; top: 50%; width: 40px; height: 40px; padding: 0; text-indent: 101%; white-space: nowrap; overflow: hidden; background-color: transparent; background-image: url(../images/slick.png); background-repeat: no-repeat; border: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; outline:none; z-index: 100;}
.slick-arrow:hover { opacity: .6;}
.slick-prev { left: -40px; background-position: 0 0;}
.slick-next { right: -40px; background-position: -40px 0;}
.watch .slick-arrow { top: 35%;outline:none;}
.watch .slick-prev { left: 50%; margin-left: -20%;}
.watch .slick-next { right: 50%; margin-right: -20%;}
.watch .slick-slide, .slick-cloned { -webkit-transition: .5s ease; transition: .5s ease; -webkit-transform: scale(.75); transform: scale(.75);}
.watch .slick-current, .watch .slick-current-loop { -webkit-transform: scale(1); transform: scale(1);}
.watch .slick-current .caption, .watch .slick-current-loop .caption { top: 0; opacity: 1;}
.slick-disabled { opacity: 0; pointer-events: none;}

.campaign { clear: both; text-align: center; background: #f1f1f1;}
.campaign li { padding-top: 20px;}
.campaign li:first-child { padding-top: 40px;}
.campaign li:last-child { padding-bottom: 40px;}
.tooltip { display: none; padding: 1px 6px; background: #FFF; border: #E51919 dotted 1px; font-size: 11px; color: #E51919; z-index: 10000;}

#contents { background: #111111;}
#contents h3 { margin-bottom: 30px; font-size: 167%; line-height: 1; color: #FFF;}
#contents .trim { width: auto; height: auto;}
.grid { padding: 4% 5%;}
.grid ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.grid li { -webkit-flex-basis: 24%; flex-basis: 24%; padding: 0.5%;}
.grid.odd li { -webkit-flex-basis: 15.6%; flex-basis: 15.6%;}
.grid li a { position: relative; display: block; overflow: hidden;}
.grid li img { width: 100%!important; height: auto;}
@-moz-document url-prefix() {
.grid li img { margin-top: 5%;}
}
.grid .description { mix-blend-mode: hard-light; position: absolute; top: 0; left: 0; z-index: 2; width: 90%; height: 100%; padding: 0 5%; background: rgba(0,0,0,.8);
display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-content: center; -webkit-align-content: center;
-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0; pointer-events: none; -webkit-transform: scale(1.1); transform: scale(1.1);}
.grid .title { padding-bottom: 10px; text-align: center; font-size: 131%;}
.grid .text { font-size: 108%; line-height: 1.6;}
.grid li a:hover .description { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

.paging { padding: 40px 0; text-align: center;}
.paging::after { content: ''; display: block; clear: both;}
.paging span, .paging a { display: inline-block; margin: 1px; padding: 6px 10px; background: #000; border: 1px solid #000; color: #FFF; border-radius: 4px; text-decoration: none;}
.paging span.txt_hellip { background: none; border: none;}
.paging span.current, .paging a:hover { background-color: #333;}

.morebtn { margin: 30px 0 10px; text-align: center;}
.morebtn a { display: inline-block; padding: 5px 20px; border: 1px solid #FFF; border-radius: 20px; font-size: 108%; text-decoration: none; color: #FFF; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.morebtn a:hover { background: #FFF; color: #000;}
.joinbtn { margin: 30px 0 10px; text-align: center;}
.joinbtn a { display: inline-block; padding: 10px 40px; background: #2fc116; border-radius: 4px; font-size: 197%; text-decoration: none; color: #FFF; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.joinbtn a:hover { background: #FFF; color: #000;}
.joinsub { text-align: center; color: #FFF;}
.joinsub a { color: #FFF;}
.joinnowbtn { margin: 30px 0 10px; text-align: center;}
.joinnowbtn a { display: inline-block; padding: 10px 60px; background: #E51919; border-radius: 4px; font-size: 160%; font-weight: bold; text-decoration: none; color: #FFF; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.joinnowbtn a:hover { opacity: 60%;}
.joinnowsub { text-align: center; color: #FFF;}
.joinnowsub a { color: #FFF;}
.btnarea { padding: 0 5%;}

.news { position: relative; text-align: left; background: #000; color: #FFF;}
.news h3, .features h3 { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center; justify-content: center; text-align: center;}
.news h3::before, .news h3::after, .features h3::before, .features h3::after { background-color: #666; content: '\a0'; flex-grow: 1; height: 1px; position: relative; top: 0.5em;}
.news h3::before, .features h3::before { margin-right: 10px;}
.news h3::after, .features h3::after { margin-left: 10px;}
.news .title a { text-align: left; text-decoration: none; font-size: 131%; line-height: 1.2; color: #ffd101;}
.news p { padding-bottom: 10px;}

.newsticker { display: table; padding: 0 5%; background: #2e2e2e; line-height: 1;}
#contents .newsticker h3 { display: table-cell; min-width: 250px; margin: 0; padding: 20px 30px; text-align: center; background: #1f1f1f;transform: skew(-20deg); font-size: 116%; color: #FFF; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box;}
.ticker { display: table-cell; z-index: 1;}
.ticker li { padding: 0 30px 0 40px; background: url(../images/news.png) 0 center no-repeat;}
.ticker li a { font-size: 108%; font-style: italic; text-decoration: none; color: #ffd101;}
.ticker .date { padding-right: 5px;}

.category { background: #000;}
.category a { position: relative; text-decoration: none; color: #FFF;}
.category a::before { content: ''; display: inline-block; margin-right: 5px; width: 0; height: 0; border-top: 4px solid transparent; border-left: 4px solid #FFFFFF; border-bottom: 4px solid transparent;} 
.category a:hover { color: #999;}

.features { margin-top: 4%; background: #000; font-size: 85%; color: #555;}
.features ul { text-align: center;}
.features li img { width: 50%!important;}

.ranking { clear: both; margin-bottom: 40px;}
.ranking:after { content: ''; display: block; clear: both;}
.ranking li { position: relative;}
.num { position: absolute; top: 0; left: 0; width: 57px; height: 57px; background-position: 0 0; background-repeat: no-repeat;}
.no1 { background-image: url(../images/no1.gif);}
.no2 { background-image: url(../images/no2.gif);}
.no3 { background-image: url(../images/no3.gif);}
.no4 { background-image: url(../images/no4.gif);}
.no5 { background-image: url(../images/no5.gif);}
.no6 { background-image: url(../images/no6.gif);}
.no7 { background-image: url(../images/no7.gif);}
.no8 { background-image: url(../images/no8.gif);}
.no9 { background-image: url(../images/no9.gif);}
.no10 { background-image: url(../images/no10.gif);}
.no11 { background-image: url(../images/no11.gif);}
.no12 { background-image: url(../images/no12.gif);}
.no13 { background-image: url(../images/no13.gif);}
.no14 { background-image: url(../images/no14.gif);}
.no15 { background-image: url(../images/no15.gif);}
.ranking .st { margin-top: 0;}
.largerectangle li { padding-bottom: 20px; text-align: center;}
.largerectangle li img { width: auto; max-width: 100%; height: auto;}


/*MOVIE*/
.movie { margin-bottom: 18px; padding: 18px 0; background: #242424; border-bottom: #D6D6D6 solid 1px;}
.movie .flowplayer { margin: 0 0 0 50px;}
.control { position: absolute; top: 0; right: 5px; width: 72px; text-align: center;}
.bookmark { position: absolute; bottom: 0; right: 5px; width: 70px; text-align: center;}
.horizontally { bottom: auto; top: -90px; width: auto;}
.horizontally li { float: left; padding-left: 10px;}
.control li, .bookmark li { padding-bottom: 1px;}
.control li { padding-bottom: 10px; font-size: 11px; cursor: pointer;}
.control li a { text-decoration: none; color: #999;}
#package { display: none; position: absolute; top: 0; left: 50px; z-index: 9999;}
#profile { margin: 0 auto; text-align: center;}

.contents { float: left; width: 660px;}
.contents h2 { padding-bottom: 18px; font-size: 167%;}
.sentence { max-height: 800px; margin-bottom: 30px; overflow: auto; overflow-X: hidden;}
.infowrapper { overflow: hidden; }
.info { padding: 5px 10px; line-height: 1.4;}
.info dd { margin-bottom: 10px; padding-bottom: 10px; background: url(../images/line.gif) 0 bottom repeat-x;}
.info dt { clear: left; float: left; padding-right: 10px; color: #999;}

.spec { margin-bottom: 24px;}
.spec:after { content: ''; display: block; clear: both;}
.spec ul { display: table; width: 100%; table-layout: fixed; border-collapse: collapse;}
.spec li { display: table-cell; position: relative; padding: 10px 2px; text-align: center; vertical-align: middle; background: #242424; border: #CBCBCB solid 1px; line-height: 1.2; font-size: 10px; color: #FFF;}
.spec li:first-child { font-size: 14px; font-weight: bold;}
.spec li::after { content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 8px 8px; border-color: transparent transparent #f1f1f1 transparent;}
.spec li span { display: block;}
.spec li img { margin-bottom: 5px;}

.aside { float: right; width: 250px;}
.aside h3 { padding: 4px; text-align: center; background: #E51919; color: #FFF;}
.aside h3.orange { background: #ffa500;}
.aside h3.green { background: #00B259;}
.aside h3.dgreen { background: #018F8F;}
.aside h3.purple { background: #571fe4;}
.aside h3.brown { background: #441207;}

.switch li { float: left; width: 125px; padding: 10px 0; text-align: center; background: #D6D6D6; font-weight: bold; cursor: pointer;}
.switch li.current { background: #FFF;}
.download { clear: both; margin-bottom: 30px; padding: 10px 10px 0; background: #FFF;}
.dbox { margin-bottom: 10px; padding: 14px; background: #EDEDED; border: #CCC solid 1px;}
.dbox h4 { padding-bottom: 10px; text-align: center; font-size: 123.1%;}
.point { margin: 0 0 20px; width: 250px; height: 144px; }
.point p { text-align: center; font-size: 1.4em; }
.point p a { background: url(../images/btn_point.png) left top no-repeat; text-decoration: none; color: #fff; font-weight: bold; display: block; width: 250px; height: 104px; padding: 40px 0 0;}
.point p a:hover { background-position: 0 -144px; }
.download p { padding-bottom: 10px;}
.download p.btn { padding-bottom: 0;}
.download p.min { font-size: 93%;}
.download p.narrow { margin: 0; padding: 0;}
.hidden { display: none;}
.dcon { text-align: left; padding: 20px;}
.dcon p { padding: 10px 0;}
.dcon p.btn { margin: 0 auto; text-align: center;}
.dcon p.btn a { display: inline-block;}
.dbox dt { float: left; padding-bottom: 2px; font-weight: bold;}
.dbox .btn a, .dbox button { margin: 0 auto!important;}
.dbox button { background-image:url(../images/btn_green.png); line-height: 1.5; cursor: pointer;}
.dbox dd.btn a { background-image: url(../images/btn_dgreen.png);}
.dbox dd.minbtn a { float: right; margin-bottom: 2px; background-image: url(../images/minbtn_dgreen.png);}
.dbox dd.thumb { clear: both; text-align: center;}
.dbox dd.thumb img { padding: 10px 3px;}
.dbox dd.size { margin-bottom: 10px; padding-bottom: 10px; text-align: right; background: url(../images/line.gif) 0 bottom repeat-x; font-size: 93%; line-height: 1.3; word-break: break-all;}
.dbox h5 { padding: 10px 0 5px; background: url(../images/line.gif) 0 0 repeat-x; font-size: 108%;}
.dbox h5 span { display: inline-block; width: 40px; margin-right: 10px; padding: 1px 0; text-align: center; background: #333; font-size: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.dbox h5 span.high { color: #00B259;}
.dbox h5 span.mid { color: #FF7E00;}
.dbox h5 span.low { color: #E51919;}

#review h5 { font-size: 108%; color: #E51919;}
#review .val { margin-bottom: 30px; padding: 10px; background: #FFF; border: #E51919 solid 1px; font-size: 108%;}
#review .navi { width: 660px;}
.reviewlist { margin-bottom: 30px;}
.reviewlist li { margin-bottom: 15px; padding-bottom: 15px; background: url(../images/line.gif) 0 bottom repeat-x;}
.reviewlist li p, .reviewlist .title { padding: 0 10px;}
.reviewlist .title { font-size: 108%; font-weight: bold;}
#reviewform label { display: block; padding: 5px 0; font-weight: bold;}
#reviewform input, #reviewform select, #reviewform textarea { margin-right: 5px; padding: 2px;}
#reviewform input { width: 250px;}
#reviewform textarea { width: 250px; height: 150px;}
#reviewform button { text-align: center;}
#reviewform .caution { font-size: 93%;}


/*SEARCH*/
#search { clear: both; position: relative; width: 960px; margin: 18px auto 0;}
#search p { margin: 10px 0}
#searchwrap { background: #E0E0E0; border: #E52222 solid 2px; border-radius: 4px 4px 0 0;}
#cat li.filter { padding: 7px 10px 0; background: none;}
#cat li.filter label { font-weight: bold; padding-left: 5px}
#cat li.key { padding: 7px 0 0 20px; background: none; font-weight: bold;}
.key input { width: 110px;}
#searchlist { clear: both; display: none; padding: 15px; background: rgb(30, 30, 30); background: rgba(0, 0, 0, 0.8); border: #E52222 solid 2px; border-top: none; color: #FFF;}
#searchlist span { padding: 5px 25px 5px 15px; background: url(../images/delete.png) 0 center no-repeat; cursor: pointer;}
#searchlist span:hover { text-decoration: underline;}
.searchlist .st { margin: 18px 0.7%;}
#close { display: none; position: absolute; top: 0; left: 0; width: 16px; height: 16px; text-align: center; background: #FFF; color: #E52222; line-height: 1.4; cursor: pointer;}
#search .listbox { clear: both; position: relative; top: auto; padding: 10px; background: #FFF;}
#search .listbox label { display: block; float: left; width: 170px; padding: 5px; cursor: pointer;}
#searchbtn { display: none; text-align: center;}
#cat li { padding-right: 1px; background: url(../images/vlineb.gif) right center no-repeat;}
#cat li a { background: url(../images/uar.png) center 25px no-repeat; font-weight: bold; color: #000;}
#cat li a:hover { color: #E52222;}
#cat li a.current { background: #E52222 url(../images/ua.png) center 29px no-repeat; color: #FFF;}
#search .listbox dl { max-width: none;}
#search .listbox dt, #search .listbox dd { float: left; margin-left: 20px;}
.num-result { margin: 10px; font-size: 1.2em; }
.num-result span { font-weight: bold }
#search.searchlong { width: 98.6%;}

.subnav { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url(/static/css/border-radius.htc);}
.subnav li a { background: none!important; padding-top: 6px!important;}
.subnav li a.current { background: #E52222 url(../images/ua.png) center 29px no-repeat!important; color: #FFF;}
.secondnav li { float: left; width: 20%; background: #FFF; text-align: center;}
.secondnav li a { display: block; padding: 5px;}

.list { min-width: auto; margin: 0 auto 30px; padding: 0; background: none;}
.list li { position: relative; float: left; width: 460px; margin: 10px; font-size: 93%;}
.list li a { display: block; margin: 0;}
.searchlist .list li.detail { width: 222px; min-height: 244px; overflow: hidden;}
.searchlist .list li.detail a { float: none;}
.searchlist .list li.detail .description2 { position: relative; top: auto; right: auto; width: auto; padding: 5px 10px 10px;}
.photolist { background: none;}
.photolist li { float: left; width: 160px; margin:0 10px 5px;}
.photolist a { text-decoration: none; color: #333;}

.cast { padding: 3% 0; background: #111;}
.cast #search { position: relative; margin: 0 auto; padding: 20px 20px 0; background: #4f4f4f;}
.cast #search > .pane { margin-top: -1px; z-index: 1;}
.cast #search > .pane > span { float: left; display: block; width: 10%;}
.cast #search > .pane > ol { float: left; width: 90%;}
.cast #search .pane { clear: both; background: #111; border: 1px solid #777;}
.cast #search .pane::after { content: ''; display: block; clear: both;}
.cast #search .pane .pane { background: #777;}
.cast #search ol { display: table; table-layout: fixed; width: 100%;}
.cast #search ol.gtabs { clear: both; text-align: center; background: #2d2d2d; z-index: 2;}
.cast #search ol.gtabs a.current { position: relative; background: #111; border: 1px solid #777;}
.cast #search ol.gtabs a.current::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background: #111;}
.cast #search ol.tabs a { text-decoration: none;}
.cast #search li { display: table-cell;}
.cast #search a { display: block; padding: 10px; color: #FFF;}
.cast #search a.current { color: #e3e963;}
.cast #search .pane dl { display: table;}
.cast #search .pane dt, .cast #search .pane dd { display: table-cell;}
.cast #search .pane dt { padding: 0 20px; font-weight: bold; color: #FFF;}
.cast #main { padding: 20px; background: #4f4f4f;}
.cast li a span { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; padding: 1% 5%; text-align: center; background: rgba(0,0,0,.5); color: #FFF;}


/*event*/
.event-banner { margin: 20px 0;}
.event-banner img { max-width: 960px;}
.event-comment { font-size: 1.3em;}
.event-detail { margin: 0 0 30px; background: #fff; overflow: hidden;}
.event-detail h3 { margin: 0 0 20px;}
.event-detail div { height: 324px; float: left;}
.event-detail div.event-detail-photo { width: 575px;}
.event-detail div.event-detail-meta { width: 385px;}
.event-detail-title { padding: 10px; border-bottom: dotted 1px #ccc; font-size: 1.2em; font-weight: bold;}
.event-detail-comment { padding: 10px; height: 200px; border-bottom: dotted 1px #ccc; font-size: 1.1em; overflow: auto;}
.event-detail-button button { display: block; width: 180px; height: 36px; margin: 7px auto 0; background: url(../images/btn_green.png) center 0 no-repeat; border: none; text-align: center; font-size: 123.1%; font-weight: bold; text-decoration: none; line-height: 2.3; overflow: hidden; color: #FFF; cursor: pointer;}


/*JOIN*/
.price dl { float: left; width: 192px; text-align: center; font-size: 153.9%; color: #FFF;}
.price dt { height: 60px; padding: 120px 0 10px; background-position: center 20px; background-repeat: no-repeat; font-weight: bold; line-height: 1.4;}
.price dt span { font-size: 77%;}
.price dd { margin-bottom: 10px; font-weight: bold; font-size: 167%;}
.price dd.btn a { background-image: url(../images/btn_white.png); font-size: 16px; line-height: 2.4!important; color: #E51919;}
.price dd.service { font-size: 88%; }
.price dd.service span.subtext { font-size: 77%; }
.price1 { background-color: #EF7575;}
.price2 { background-color: #ED5E5E;}
.price3 { background-color: #EA4747;}
.price4 { background-color: #E83030;}
.price5 { background-color: #E51919;}
.price2 dt { background-image: url(../images/off1000.png);}
.price3 dt { background-image: url(../images/off1000.png);}
.price4 dt { background-image: url(../images/off2000.png);}
.price5 dt { background-image: url(../images/off4000.png);}


/*RANKING*/
.ranklist, .ranklist2 { padding: 0 0 30px 10px; background: none;}
.ranklist2 li a { margin: 0 15px 15px 0!important;}
.ranklist3 { float: left; width: 420px; margin: 0 30px 30px;}


/*LOGIN*/
.login { padding: 30px; text-align: center; background: #FFF; border: #CCC solid 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; behavior: url(/static/css/border-radius.htc);}
.login .textInput, .login p { margin-bottom: 10px; padding-bottom: 10px; border-bottom: #CCC dotted 1px;}
.login .textInput label { display: inline-block; width: 120px; margin-right: 10px; text-align: right; font-size: 123.1%;}
.login input { padding: 5px;}
.mailmagazine label { width: 200px;}
.login input[type=text], .login input[type=email], .login input[type=password] { width: 250px;}
.loginDialog { width: 600px;}
.loginDialog label { width: 90px;}
.loginDialog .login { behavior: none;}
.loginDialog .st { behavior: none;}
.login .notice { width: 660px; margin: 0 auto; text-align: left; border: solid 1px #999; padding: 10px; background: #f2f2f2;}
.login .notice h4 { color: #f00; font-size: 1.1em;}
.login .notice dl dt { font-weight: bold; margin: 10px 0 0;}


/*WATCHLIST*/
.watchlist p.remove { position: absolute; top: 0; right: 0;}


/*mypage*/
div#downloadable-graph { width: 300px; height: 20px; background: #ddd; border: solid 1px #999;}
div#downloadable-graph p { background: #e74c3c; height: 20px;}
form.point-form { height: 40px; line-height: 40px; padding: 0 10px;}


/*MypageStatus*/
.mypageStatus ul.detail { margin: 10px auto; padding: 20px 50px; width: 400px;}


/*MypageToken*/
.mypageToken table.tblchart { margin: 10px 0; background: #fff;}
.mypageToken table.tblchart th, .mypageToken table.tblchart td { border: solid 1px #ccc; padding: 5px;}
.mypageToken table.tblchart th { width: 200px;}
.mypageToken form { background: #fff; border: solid 1px #ccc; padding: 20px; width: 500px; margin: 0 auto;}
.mypageToken form p { margin: 10px 0;}
.tokenForm { margin: 0 auto; width: 960px;}
.tokenForm form#exchange { width: 550px; float: left;}
.tokenForm form#create{ width: 300px; margin: 0 0 0 20px; float: left; text-align: center;}
ul.errorlist li { color: #f00;}
p.error { color: #f00; font-size: 1.2em;}
.alert { color: #f00; font-weight: bold; }
.alert a { color: #0000ee; }

/*survey*/
.survey .survey-contents { font-size: 110% !important;}
.survey textarea { width: 100%; height: 300px;}
.survey form { margin: 20px 0 0;}
.survey div.button { text-align: center;}
#preview { text-align: left;}
#preview dl { margin: 10px 0;}
#preview dl dt { background: #f2f2f2; padding: 3px;}
#preview dl dt { padding: 3px;}
#preview div.button { text-align: center;}
#information { width: 960px; margin: 20px auto;}
#information h3 { font-size: 120%; margin: 0 0 10px;}
#information ul { background: #ffecce; border: solid 1px #f4da70; padding: 10px; font-weight: bold;}
#information ul.no-information { font-weight: normal;}
div.sort { margin: 10px; padding: 10px; overflow: hidden; background: #ddd;}
div.sort ul { float: left;}
div.sort ul li { display: inline;}
div.sort ul.type, div.sort ul.order {}
div.sort ul.order { margin: 0 0 0 20px;}
div#sp-navi { display: none;}


/*responsive*/
@media only screen and (max-width: 1080px) {
#header li a, #cat li a { padding: 0 15px;}
#global form { width: 180px;}
#global .searchtext { width: 80px;}
.grid li { -webkit-flex-basis: 32%; flex-basis: 32%;}
}
@media only screen and (max-width: 780px) {
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,label,input,select,textarea,p,blockquote,th,td { -webkit-box-sizing: border-box; box-sizing: border-box;}
#container { min-width: 100%;}
#main, .in, #review, .pagetitle h2, .movie .in { width: 100%;}

/*HEADER*/
#header { min-width: 100%; height: 40px;}
#header h1 { float: none; width: auto; padding-left: 20px;}
#header h1 img { width: auto; height: 40px;}
#global, #nav { display: none;}
#open { display: block; position: fixed; top: 5px; left: 5px; z-index: 200000;}
.sidr { display: none; position: absolute; position: fixed; top: 0; width: 210px; height: 100%; text-align: left; background: rgba(20,20,30,1.00); overflow-x: none; overflow-y: auto; z-index: 999999;}
.sidr .sidr-inner { clear: both;}
.sidr.left{ left: -210px; right: auto;}
.sidr a { color: #FFF; text-decoration: none;}
#globallist li { border-top: #444 solid 1px;}
#globallist li a { display: block; padding: 5px;}
#globallist .lang-list { text-align: center;}
#globallist .lang-list li { display: inline-block; border: none;}
#navlist li > a { display: block; padding: 10px 5px; border-top: #444 solid 1px; font-size: 116%; font-weight: bold;}
.listbox { display: block; position: relative; top: auto; padding: 10px; background: rgba(30, 30, 40, 1.00);}
.listbox dl { float: none; max-width: 100%; margin: 5px 0 10px;}
.listbox dt, .listbox dd { padding-bottom: 5px;}
.cat { width: 100%; left: auto;}
.actress { width: 100%; left: auto;}
.actress dd { display: inline-block;}
.rank { width: 100%; left: auto;}
.series { width: 100%; right: auto;}
.series dd { float: none; width: auto;}
.label { width: 100%; right: auto;}
.label dd { float: none; width: auto;}
.photograph { width: 100%; left: auto;}
.sidr .searchtext { float: left; width: 150px; height: 35px; padding: 0 10px;}

/*FOOTER*/
#footer .in { padding: 10px;}
#footer dl { float: none; width: 100%; margin: 0 0 15px;}
#footer dd { display: inline-block; width: 48%;}
#footer .social { float: none; padding-bottom: 15px; text-align: center;}
#footer .social li { float: none; display: inline-block; padding: 0;}
#footer p { float: none; text-align: center;}
.footerLabel, .footerRecommendSites { padding: 10px;}
.footerLabel li, .footerRecommendSites li { display: inline-block; width: 49%; padding: 0.2%; text-align: center;}
.footerLabel li img, .footerRecommendSites li img { width: auto; max-width: 100%; height: auto;}

/*CONTENTS*/
#main, #review { margin-bottom: 35px; padding: 0 10px;}
.pagetitle { padding: 10px;}
.table { width: 100%; margin-bottom: 30px;}
.table th, .table td { display: block; width: 100%; padding: 10px; border-bottom: #999 solid 1px;}
.table th { border-right: none; border-bottom: none; padding-bottom: 0; text-align: left;}
.table ul.minbtn li { float: left; padding: 0 5px; text-align: center;}
.dl th, .dl td { padding: 5px 10px 0; border: none; line-height: 1.2;}
.dl td:last-child .minbtn { text-align: center;}
.dl td:last-child .minbtn li { float: none; display: inline-block; margin: 5px auto;}
.dl tr { border-bottom: #999 solid 1px;}
.pt th, .pt td { display: table-cell; width: auto; padding: 10px 5px; text-align: center; border-right: #999 dotted 1px;}
.pt th { border-bottom: #999 solid 1px;}
.pt tr th:last-child, .pt tr td:last-child { border-right: none;}
.campaign { margin-bottom: 0;}
.campaign img { width: 100%; height: auto;}

/*NAVIGATION*/
.navi { width: 100%; margin: 15px auto;}
.navi:after { content: ""; clear: both; display: block;}
.navi ul { width: 100%; padding: 0 35px;}
.navi li { width: 14px; margin: 0;}
.navi li a { width: 18px; font-size: 14px; line-height: 18px;}
.navifirst { left: 0;}
.naviend { right: 0;}

/*SLIDER*/
.bx-wrapper { margin: 0 0 15px;}
.bx-pager { display: none;}
.topimage { max-width: 100%; min-width: 100%; padding: 0;}
.topimage .bx-wrapper { margin-bottom: 0;}
.freemovie .flowplayer { width: 100%!important;}
.slider { min-width: 100%; padding: 0;}
#topmain .slider { min-width: auto; padding: 0;}
.trim { display: inline; width: 100%; height: 100px; overflow: auto;}
.trim img { width: 100%; height: auto;}
.description { display: none!important;}
.description2 { position: relative; top: auto; right: auto; width: auto;}
.long { width: 100%!important;}
.long .description2 { right: auto; width: auto;}
.slider .text { font-size: 85%;}
.slider .playbtn { width: 44px; height: 44px; background-size: cover;}
.scap a, .vcap a { width: 30%; padding: 1%;}
.scap img, .vcap img { width: 100%; height: auto;}

/*TOP*/
.halfbanner { position: relative;}
.halfbanner .slick { width: 100%; padding: 5px 0;}
.halfbanner .slick-slide { -webkit-transform: scale(.98); transform: scale(.98);}
.grid { padding: 6% 5%;}
.grid li { -webkit-flex-basis: 49.5%; flex-basis: 49.5%;}
.grid.odd li { -webkit-flex-basis: 49.5%; flex-basis: 49.5%;}
.news.grid li { -webkit-flex-basis: 100%; flex-basis: 100%;}
    
/*MOVIE*/
.movie { padding: 0 0 18px;}
.movie .flowplayer { margin: 0 0 15px;}
.control { position: relative; top: auto; right: auto; width: auto;}
.bookmark { position: relative; bottom: auto; right: auto; width: auto;}
.horizontally { bottom: 0; top: auto; width: auto; margin-top: 15px;}
.horizontally li { float: none; padding: 0;}
.control li, .bookmark li { display: inline-block; vertical-align: middle;}
#profile img { width: 100%; height: auto;}
.contents { float: none; width: 100%;}
.sentence { max-height: 300px;}
.info { float: none; width: 100%; padding: 0;}

.spec ul { display: block; width: 100%; table-layout: fixed; border-collapse: collapse;}
.spec li { display: block; float: left; width: 33.3%; padding: 10px 5px;}
.spec li:first-child { width: 100%; font-size: 14px; font-weight: bold;}
.spec li span br { display: none;}

.aside { float: none; width: 100%;}
.dbox h5 { text-align: center;}
#review .navi { width: 100%;}
#reviewform input { width: 100%;}
#reviewform textarea { width: 100%;}

/*SEARCH*/
#search { width: 100%;}
#search p { margin: 10px;}
#searchwrap { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
#search .listbox label { width: 33%;}
.num-result { margin: 0 0 10px;}
#cat li a { padding: 0 10px;}
.secondnav li { float: left; width: 20%; background: #FFF; text-align: center;}
.list li { float: none; width: 100%; margin: 10px 0;}
.list li:after { content: ""; clear: both; display: block;}
.list li a { display: block; width: 100%; margin: 0!important; text-decoration: none;}
.list li a img { float: left; width: 50%; margin-right: 5px; height: auto;}
.searchlist .list li.detail { width: 100%; min-height: auto;}
.actresslist li { float: left; width: 48%; margin: 1%;}
.actresslist li img { width: 40%; height: auto;}
.actresslist li span { width: 50%;}
.photolist li { float: left; width: 31%; margin: 1%;}
.photolist li a { margin: 0!important;}
.photolist li img { width: 100%; height: auto;}
.cast #search > .pane > span { float: none; width: 100%;}
.cast #search > .pane > ol { float: none; width: 100%;}
.cast #search a { padding: 5px; color: #FFF;}

/*event*/
.event-banner img { max-width: 100%;}
.event-detail h3 { margin: 0 0 20px;}
.event-detail div { height: auto; float: none;}
.event-detail div.event-detail-photo { width: 100%;}
.event-detail div.event-detail-photo img { width: 100%; height: auto;}
.event-detail div.event-detail-meta { width: 100%;}
.event-detail-button button { margin: 7px auto;}

/*JOIN*/
.price dl { float: none; width: 100%; margin-bottom: 1px; padding: 20px 10px;}
.price dt { height: auto; padding: 0; background: none;}

/*RANKING*/
.ranklist li, .ranklist2 li { float: none; display: inline-block; width: 47%; margin: 1%;}
.ranklist li img, .ranklist2 li img { width: 100%; height: auto;}
.ranklist li a, .ranklist2 li a { display: block; float: none; margin: 0!important;}
.ranklist3 { float: none; width: 100%; margin: 0;}
#information { width: 100%;}

/*WATCHLIST*/
.watchlist p.remove { position: relative; top: auto; right: auto; width: 100%; text-align: center;}

/*MypageStatus*/
.mypageStatus ul.detail { padding: 20px; width: 100%;}

/*survey*/
#information { width: 100%; margin: 20px auto;}
div.sort { margin: 10px 0;}

/*top*/
#age_enter { border-top-width: 20px!important; border-bottom-width: 20px!important;}
.agetopr { height: 200px!important; background-position: center 0; background-repeat: no-repeat; background-size: cover;}
.in_box_r { float: none!important;}
.in_box_l { float: none!important; padding: 0!important;}
.in_box { margin: 20px!important;}
.in_box img { width: 100%; height: auto; margin: 0 auto;}
#age_enter a[href*="lang"] { display: block;}
}

.dlbtn a:first-child { background: #169b01; border-radius: 2px; width: 300px;}
.dlbtn a:nth-child(2) { background: #cc0000; border-radius: 2px;}
.dcon .notice { font-size: 0.9em; height: 30px; overflow: scroll; color: #999; background: #f2f2f2; padding: 10px;}

.messages.error {
  border: solid 1px #f00;
  background: #fcc;
  text-align: center;
  margin: 10px;
  padding: 10px;
  color: #f00;
}

.messages.success {
  border: solid 1px #c3e6cb;
  background: #d4edda;
  text-align: center;
  margin: 10px;
  padding: 10px;
  color: #155724;
}

.input-small {
  width: 50px !important;
}

.input-medium {
  width: 150px !important;
}

.point-plan {
  width: 100%;
  margin: 0 0 20px;
}

.point-plan tbody tr td,
.point-plan thead tr th {
  font-size: 1.0rem;
}

.point-plan thead tr th {
  background-color: #f3f5de;
  padding: 10px;
  border: solid 1px #ccc;
}

.point-plan tbody tr:hover {
  background-color: #ffcc99;
}

.point-plan tbody tr td {
  padding: 10px;
  border: solid 1px #ccc;
  font-weight: bold;
}

.point-plan tbody tr td s {
  color: #999;
}

.global-alert h1 {
  margin-bottom: 10px;
  padding: 10px;
  background: #e51919;
  color: #fff;
  border-radius: 3px;
  font-size: 1.2rem;
}

.global-alert article {
  padding: 10px;
  border: solid 1px #ccc;
  border-radius: 3px;
  text-align: left;
  max-height: 400px;
  overflow: scroll;
}

.global-alert article h2 {
  margin: 20px 0;
  font-size: 1.4rem;
}

.global-alert footer {
  margin: 20px 0 0;
}

.global-alert footer p {
  color: #999;
}