@charset "utf-8";
/* opacity
-------------------------------------------------------------------------------*/
/* flex display
-------------------------------------------------------------------------------*/
/* a button
-------------------------------------------------------------------------------*/
/* hover
-------------------------------------------------------------------------------*/
/* a current
-------------------------------------------------------------------------------*/
/* setPosCenter
-------------------------------------------------------------------------------*/
/* clearfix
-------------------------------------------------------------------------------*/
/* easing
-------------------------------------------------------------------------------*/
/* mediamix (colorBox)
-----------------------------------------------------------------------------*/
#mediamix-area-wrap { min-width: 890px; padding: 15px 25px; }
#mediamix-area-wrap #mediamix-title-area { margin-bottom: 30px; }
#mediamix-area-wrap #mediamix-title-area #mediamix-title { display: inline-block; }
#mediamix-area-wrap #mediamix-title-area .button-close { float: right; margin-left: 4px; margin-top: 15px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; }
#mediamix-area-wrap #mediamix-title-area .button-close a { width: 100%; height: 100%; background: url("../../../assets/images/top/cbox-button-close.png") no-repeat; display: block; }
#mediamix-area-wrap #movie-area, #mediamix-area-wrap #novel-area, #mediamix-area-wrap #comics-area { margin-bottom: 10px; }
#mediamix-area-wrap #movie-area .mediamix-info, #mediamix-area-wrap #novel-area .mediamix-info, #mediamix-area-wrap #comics-area .mediamix-info { width: 650px; display: inline-block; margin-right: 30px; }
#mediamix-area-wrap #movie-area .mediamix-visual, #mediamix-area-wrap #novel-area .mediamix-visual, #mediamix-area-wrap #comics-area .mediamix-visual { width: 202px; display: inline-block; float: right; text-align: center; }
#mediamix-area-wrap #movie-area .mediamix-title, #mediamix-area-wrap #novel-area .mediamix-title, #mediamix-area-wrap #comics-area .mediamix-title { display: inline-block; vertical-align: middle; }
#mediamix-area-wrap #movie-area .button-mediamix-detail, #mediamix-area-wrap #novel-area .button-mediamix-detail, #mediamix-area-wrap #comics-area .button-mediamix-detail { width: 121px; height: 26px; display: inline-block; vertical-align: middle; }
#mediamix-area-wrap #movie-area .button-mediamix-detail a:hover, #mediamix-area-wrap #novel-area .button-mediamix-detail a:hover, #mediamix-area-wrap #comics-area .button-mediamix-detail a:hover { background-position: 0 100%; }
#mediamix-area-wrap #movie-area .button-mediamix-detail a, #mediamix-area-wrap #novel-area .button-mediamix-detail a, #mediamix-area-wrap #comics-area .button-mediamix-detail a { width: 100%; height: 100%; background: url("../../../assets/images/top/mediamix/button-detail.png") no-repeat; display: block; }
#mediamix-area-wrap #movie-area .mediamix-description, #mediamix-area-wrap #novel-area .mediamix-description, #mediamix-area-wrap #comics-area .mediamix-description { border-top: #fff 1px solid; padding-top: 5px; }
#mediamix-area-wrap #movie-area { min-height: 120px; }
#mediamix-area-wrap #movie-area .mediamix-visual { margin-top: 17px; }
#mediamix-area-wrap #novel-area { min-height: 175px; }
#mediamix-area-wrap #novel-area .mediamix-info { margin-top: 20px; }
#mediamix-area-wrap #comics-area { min-height: 104px; }
#mediamix-area-wrap #comics-area .mediamix-visual { margin-top: 33px; }