/* 
 Theme Name:     Yakuza Portal
 Author:         SEGA/Atlus
 Author URI:     http://www.sega.com 
 Template:       Divi
 Version:        5 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
body{overflow-x:hidden}
.et_fixed_nav.et_show_nav #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container{overflow-x:hidden}

/*Social Media Follow Section*/
.large-social-icons li a.icon{height:60px;width:60px;padding:0}
.large-social-icons li a.icon::before{font-size:36px;margin-left:12px;line-height:60px}
ul.et_pb_social_media_follow{width:100%;text-align:center;margin:0}
ul.et_pb_social_media_follow a{margin:0 20px}
.et_pb_social_media_follow li{float:none;display:inline-block}

/*Lower Homepage Subbanners*/
#subbanners { padding: 0px !important;}
#subbanners .et_pb_section { padding: 0px !important;}
#subbanners .et_pb_row { padding: 0px !important;}
#subbanners .et_pb_button { padding: 20px; }

/* Padding Fixes */
.et_pb_section { padding:0px; }	
.et_pb_gutters3 .et_pb_column_1_2, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 { width:50%; }
.et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column { margin:0px; }
.et_pb_row.et_pb_row_fullwidth, .et_pb_specialty_fullwidth > .et_pb_row  { width: 100% !important; max-width: 100% !important;}
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3 .et_full_width_page.woocommerce-page ul.products li.product {	width:25%; margin:0px; }

/*Twitter*/
.et_pb_code_inner {width: 100%;}

/* Mobile Naivgation */	
.et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar { padding:0px; margin-bottom: 24px; background: #FFF; border: 1px solid #000}
.et_mobile_menu { text-align:center !important; }
.et_mobile_menu li a { font-size:18px; color:#000; /*border-bottom: solid 1px #696969;*/ }
.mobile_menu_bar:after, .et_toggle_slide_menu:after { color: #000 !important; }

.et_pb_fullwidth_header { padding:0px; }

/* Portfolio Items */
.et_pb_portfolio_item { display: inline-block; margin: 10px; }
.et_pb_portfolio_item img { max-width: 150px;  }
.et_pb_portfolio_item a:hover {}

.et_pb_portfolio_grid .et_pb_portfolio_item,.et_pb_portfolio_grid .column_width,.et_pb_portfolio_grid .et_pb_portfolio_image,.et_pb_portfolio_grid .et_pb_portfolio_image.portrait img{width:126px!important}
.et_pb_portfolio_grid .et_pb_portfolio_image img{min-width:126px}
.et_pb_portfolio_grid .et_pb_portfolio_image,.et_pb_portfolio_grid .et_pb_portfolio_image.landscape img{height:178px!important}
.et_pb_portfolio_grid .et_pb_portfolio_image img{min-height:178px}
.et_pb_portfolio_grid .et_pb_portfolio_item{margin-bottom:25px!important;margin-right:25px!important}

/* Yakuza 6 Homepage Banner */
.section-top{background:url(../../uploads/bg-main.png) no-repeat center top;background-size:cover;position:relative;top:0;left:0;z-index:1}
.section-top::before{content:"";width:1218px;height:100%;background:url(../../uploads/bg-main-chara.png) no-repeat left -54px;position:absolute;top:0;left:33%;z-index:-1;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
	
.section-top .main-visual{position:relative;top:0;left:0; text-align: right;}
.section-top .main-visual .text01{position:absolute;top:0;left:0}
.section-top .main-visual .logo{text-align:right;margin:10px 0 30px}
.section-top .main-visual .logo img{ margin-top: 10px; margin-right: 100px; }
.section-top .main-visual .text02{text-align:center;width:50%;margin:30px 10px;padding:30px 0;display:inline-block}
.section-top .main-visual .text02 a { }
	
@media only screen and (max-width: 1024px) {
.section-top .main-visual .text01{width:7.813%}
.section-top .main-visual .text01 img{width:100%}
.section-top .main-visual .logo{margin:.977% 0 2.927%}
.section-top .main-visual .logo img{width:50.586%}
.section-top .main-visual .text02{padding-bottom:2.441%; margin:0px; width: 100%;}
.section-top .main-visual .text02 img{width:45.854%}
}

@media only screen and (max-width:640px) {
.section-top{background:url(../../uploads/bg-main_sp.jpg) no-repeat center top;background-color:#000;background-size:100%}
.section-top::before{display:none}
.section-top .main-visual .text01{position:static;width:12.813%;padding-top:13.6066%}
.section-top .main-visual .text01 img{width:100%}
.section-top .main-visual .logo{text-align:center;margin:0px;/*margin:-14.59% 0 5.246%*/}
.section-top .main-visual .logo img{width:99.5%; margin-top: 510px;}
.section-top .main-visual .text02{text-align:center;padding-bottom:4.918%; margin:0px !important; width: 100%;}
.section-top .main-visual .text02 img{width:85.0821%}
}

/* Yakuza 6 Video */
.section-main-movie{width:241px;position:absolute;bottom:28px;left:25px;z-index: 1}
.section-main-movie .section-inner{border:solid 1px #c4c4c4;background:#000}
.section-main-movie .main-movie{box-sizing:border-box;background:#000;border:solid 2px #000}
.section-main-movie .main-movie a{color:#FFF;text-decoration:none}
.section-main-movie .main-movie a .thumb{width:100%;height:137px;overflow:hidden;position:relative;top:0;left:0}
.section-main-movie .main-movie a .thumb:before{content:"";width:68px;height:47px;background:url(../../uploads/ico-movie-btn.png) no-repeat left top;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10}
.section-main-movie .main-movie a .thumb img{width:100%}
.section-main-movie .main-movie a .text-box{color:#e2ce8f;padding:10px}
.section-main-movie .main-movie a .text-box .game-title{font-size:17px}
.section-main-movie .main-movie a .text-box .movie-title{font-size:26px}
.section-main-movie .main-movie a .text-box .text-btn{font-size:14px;color:#969696}
@media screen and (max-width: 1281px) {
.section-main-movie{width:18.813vw;bottom:2.186vw;left:1.952vw}
.section-main-movie .main-movie a .thumb{width:100%;height:10.695vw}
.section-main-movie .main-movie a .thumb:before{content:"";width:5.308vw;height:3.669vw;background-size:100%}
.section-main-movie .main-movie a .text-box{padding:.7806vw}
.section-main-movie .main-movie a .text-box .game-title{font-size:1.328vw}
.section-main-movie .main-movie a .text-box .movie-title{font-size:2.0297vw}
.section-main-movie .main-movie a .text-box .text-btn{font-size:1.0929vw}
}
@media screen and (max-width: 816px) {
.section-main-movie{display: none; width:154px}
.section-main-movie .main-movie a .text-box .game-title{font-size:1.328vw}
}

/* ESRB */
#esrb-m { background:#FFF; margin:20px 0px; }
#esrb-m img { display: inline-block; }
#esrb-m .esrb-description { display: inline-block; background: #FFF; border: 2px solid #000; padding: 4px 8px;font-family: sans-serif;font-size: 11px;font-weight: bold;text-align: left;line-height: initial;vertical-align: top;min-height: 79px;margin-left: -3px;margin-top: 1px;}
/* Footer */
#footer-bottom { padding: 0px 0px 50px; }
#footer-bottom .footer-cell {display:block;margin:0 auto;vertical-align:top; margin-bottom:10px;text-align:center}
#footer-bottom .esrblogo { height:133px;}
#footer-bottom .segalogo { height: 40px;}
#footer-bottom .footer-legal { width: 80%; color:#FFF;font-size:10px; line-height: initial; font-family: sans-serif;}

@media only screen and (max-width:900px){	
	
body { overflow-x: hidden; }	
	
/* Footer */
#footer-bottom {}
#footer-bottom .footer-cell {width:100%; text-align:center;}
#footer-bottom .footer-legal { font-size:12px; width:100%;text-align:center}	
}


/* Animation */
.left-animated.et-animated{opacity:1;-webkit-animation:fadeLeft 1.5s 1 cubic-bezier(0.77,0,.175,1.3);-moz-animation:fadeLeft 1.5s 1 cubic-bezier(0.77,0,.175,1.3);-o-animation:fadeLeft 1.3s 1 cubic-bezier(0.77,0,.175,1.3);animation:fadeLeft 1.3s 1 cubic-bezier(0.77,0,.175,1.3)}
.right-animated.et-animated{opacity:1;-webkit-animation:fadeRight 1.5s 1 cubic-bezier(0.77,0,.175,1.3);-moz-animation:fadeRight 1.5s 1 cubic-bezier(0.77,0,.175,1.3);-o-animation:fadeRight 1.3s 1 cubic-bezier(0.77,0,.175,1.3);animation:fadeRight 1.3s 1 cubic-bezier(0.77,0,.175,1.3)}
.top-animated.et-animated{opacity:1;-webkit-animation:fadeTop 1.5s 1 cubic-bezier(0.77,0,.175,2);-moz-animation:fadeTop 1.5s 1 cubic-bezier(0.77,0,.175,2);-o-animation:fadeTop 1.3s 1 cubic-bezier(0.77,0,.175,2);animation:fadeTop 1.3s 1 cubic-bezier(0.77,0,.175,2)}
.bottom-animated.et-animated{opacity:1;-webkit-animation:fadeBottom 1.5s 1 cubic-bezier(0.77,0,.175,2);-moz-animation:fadeBottom 1.5s 1 cubic-bezier(0.77,0,.175,2);-o-animation:fadeBottom 1.3s 1 cubic-bezier(0.77,0,.175,2);animation:fadeBottom 1.3s 1 cubic-bezier(0.77,0,.175,2)}
.fadein-animated.et-animated{opacity:1;-webkit-animation:fadeIn 1.5s 1 cubic-bezier(0.77,0,.175,2);-moz-animation:fadeIn 1.5s 1 cubic-bezier(0.77,0,.175,2);-o-animation:fadeIn 1.3s 1 cubic-bezier(0.77,0,.175,2);animation:fadeIn 1.3s 1 cubic-bezier(0.77,0,.175,2)}

/* Fancy Box */
@media screen and (max-width: 750px){
	.fancybox-youtube {
		width: 400px !important;
		height: 120px !important;
	}
}
@media screen and (max-width: 640px) {
.et_pb_row {display: inherit !important;}
.et_pb_code_1 {height: 600px !important;}
}


#main-footer {
	background-color: #000;
}