@charset "utf-8";
/*
Template: bakibakibeat2
Theme Name: bakibakibeat2_custom
*/


#header {
	padding-bottom: 20px;
}

video:hover {
	cursor: pointer;
}

.nav_btn {
	top: 7px;
	left: 5px;
}

#g_nav .nav > li{
	font-size: 88%;
	font-weight: 500;
	margin: 0 1.2em;
}

#g_nav .nav li ul.sub-menu, #g_nav .nav li ul.children {
	font-size: 88%;
	font-weight: 500;
}


/*********************
g-nav, nav-sp change
*********************/
@media screen and (min-width: 1100px) {
	.nav_btn {display: none;}	
}

@media screen and (max-width: 1099px) {
	#header {
		padding-bottom: 0;
	}
	
	#g_nav {
		display: none;
	}	
}


/*********************
toppage
*********************/

.boxrow {
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	clear: both;
}

.box2 {
	width: 50%;
	padding:0 15px;
	float: left;
}


/*********************
top-kanpai
*********************/
.top-kanpai {
	background: url(https://www.bakibakibeat.jp/wp/wp-content/themes/bakibakibeat2_custom/images/top_kanpai_btm_line.gif) repeat-x left bottom;
	margin-bottom: 60px;
}

.top-kanpai .boxrow {
	padding:0 15px 40px;
}

.top-kanpai .kanpai-main-img {
	padding-bottom: 20px;
}

.top-kanpai .boxrow .box-left {
	width: 60%;
	font-size: 13px;
}

.top-kanpai .boxrow .box-left .kanpai-caption {
	padding-top: 20px;
}

.top-kanpai .boxrow .box-right {
	width: 40%;
	text-align: center;
	position: relative;
}

.top-video-wrapper {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.top-video {
	background: url(https://www.bakibakibeat.jp/wp/wp-content/themes/bakibakibeat2_custom/images/top_video_poser.gif) no-repeat center top; 
	background-size: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.top-kanpai .boxrow .box-right span a {
	background-color: #f3be2e;
	display: inline-block;
	padding: 10px 20px;
	font-size: 13px;
	color: #143c78;
	text-align: center;
	text-decoration: none;
	margin-top: 25px;
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.top-kanpai .boxrow .box-right span a:hover {
	background-color: #143c78;
	color: #f3be2e;
}


/*********************
top-about
*********************/
.top-about-contents-wrapper {
	width: 100%;
	overflow: hidden;
	clear: both;
	padding: 30px 0 0;
}

.about-twitter {
	font-size: 105%;
}

.about-twitter i {
	color: #4ab3f4;
	font-size: 115%;
}


/*********************
top-cast,cast
*********************/
.top-cast {
	padding-bottom: 80px;
}

.top-cast h3 {
	text-align: center;
}

.top-cast ul,
.cast-wrap ul {
	max-width: 100%;
	overflow: hidden;
	clear: both;
}

.top-cast ul li,
.cast-wrap ul li {
	width: 33.3%;
	padding: 1px;
	float: left;
}

.top-cast ul li img,
.cast-wrap ul li img {
	width: 100%;
	height: auto;
}



/*********************
cast
*********************/
.cast-wrap li {
	list-style: none;
	position: inherit;
}

.entry-content .cast-wrap li,
.entry-content .cast-wrap li img {
	margin: 0;
}







/*********************
footer
*********************/
.footer-top {
	padding-bottom: 3em !important;
}

.footer-top .widget {
	margin-bottom: 0;
}

.footer-top i.fab {
	font-size: 125%;
}

.footer-twitter i {
	color: #4ab3f4;
}

.footer-instagram i {
	color: #04518b;
}


@media screen and (min-width: 1024px) {
	.footcolumn .twitter-timeline { height: 530px !important; }
}
@media screen and (max-width: 1024px) {
	.footcolumn .twitter-timeline { height: 453px !important; }
}
@media screen and (min-width:768px) and ( max-width:1024px) {
	.footcolumn .twitter-timeline { height: 341px !important; }
}
@media screen and ( max-width:480px) {
	.footcolumn .twitter-timeline { height: 300px !important; }
}

/*********************
TABLET & SMALLER LAPTOPS
*********************/
@media only screen and (max-width: 767px) {
	.header #logo {
		max-width: 95%;
	}
	
	.top-about-contents-wrapper {
		padding: 30px 0 0;
	}
}


@media only screen and (max-width: 480px) {
	.top-kanpai {
		background: none;
		padding-top: 30px;
	}
	
	.top-kanpai .boxrow,
	.top-kanpai .kanpai-main-img {
		padding-bottom: 0px;
	}
	.top-kanpai .boxrow .box-left .kanpai-caption {
		padding-top: 0;
	}
	
	.top-kanpai .boxrow .box-left,
	.top-kanpai .boxrow .box-right,
	.top-about .boxrow .box-left,
	.top-about .boxrow .box-right,
	.kirakirawrap .boxrow .box2 {
		width: 100%;
	}
	
	.top-kanpai .boxrow .box-right {
		background: url(https://www.bakibakibeat.jp/wp/wp-content/themes/bakibakibeat2_custom/images/top_kanpai_btm_line.gif) repeat-x left bottom;
		padding-bottom: 45px;
	}
	
	.top-kanpai .boxrow .box-right span a {
		font-size: 11px;
	}
	
	.top-cast {
		padding-bottom: 30px;
		margin-top: -35px;
	}
	
	.top-cast ul,
	.cast-wrap ul {
		padding: 0 15px;
	}

	.top-cast ul li,
	.cast-wrap ul li {
		width: 50%;
	}

}