@charset "UTF-8";
/*----------------------------
  ‹¤’Ê
-----------------------------*/

body {    background:#E4E3E4;
font-family: "Helvetica Neue", Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-seri;
}




@media screen and (max-width:480px) { 

	.marketing h2 {
	    font-size: 1.6rem;
	    font-weight: 700;
	}

	h2.featurette-heading {
		font-size:1.4rem !important;
		margin-bottom:1rem;
	}

	.lead {
		font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.6;
	}

hr.featurette-divider {
    margin: 2rem 0 !important;
}


.hp_hidden {
	display: none;
}

h4 {
		font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.6;
}


}









/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #5a5a5a;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */


.carousel-item {
  height: auto;
	background:#c2185b url(img/bg_01.jpg) no-repeat center center;
	background-size:cover;
	height:360px;
}




/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 700;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1.6;
  /* rtl:remove */
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

/* @media (min-width: 40em) {
  Bump up size of carousel content 
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}*/




/*=========================================================*/

h2.featurette-heading {
	font-size:2rem;
	margin-bottom:1rem;
}

.text-muted {
	font-size:1.6rem;
}


h5 {
	border:1px solid #ff5722;
	border-radius:6px;
	padding:.5rem;
	color:#ff5722;
}





.sns_box {
	margin:1rem auto;
	
}


img, svg {
    vertical-align: middle;
    width: 100%;
}

.txt_small {
	font-size:0.8rem;

}


/*=========================================================*/


.mbc_program_box {
	background-color:#e2f6ff;
	padding:1rem 0;
	border-radius:6px;
}


/*=========================================================*/

.featurette h6 {
	background-color:#3f51b5;
	padding:.5rem 1rem;
	margin:1rem auto;
	color:#fff;
	font-size:1.2rem;
}

b {
  font-weight: 700;
	padding-bottom:1rem;
}

.featurette th {
	padding:.5rem;
}


.cat_title {
	font-size:3rem;
	padding:1rem;
	margin:1rem auto 2rem;
	text-align:center;
	border-radius:6px;
	color:#fff;
}

.p_gantan {
	background-color:#e91e63;
}

.p_amami {
	background-color:#e91e63;
}

.p_tokuban {
	background-color:#e91e63;
}

.p_drama {
	background-color:#e91e63;
}

.p_tege {
	background-color:#e91e63;
}

.p_don {
	background-color:#e91e63;
}

.p_game {
	background-color:#e91e63;
}

.p_jnn {
	background-color:#e91e63;
}


.p_cinemas {
	background-color:#e91e63;
}

.p_radio {
	background-color:#e91e63;
}


/*=================================*/

.lead {
    font-size: 1.2rem;
    font-weight: 700 !important;
		line-height:1.6;
}

/*=================================*/


.youtube {
	  width: 100%;
	  aspect-ratio: 16 / 9;
}
.youtube iframe {
	  width: 100%;
	  height: 100%;
}


.photo-divider {
		margin: 2rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25;
}

/*=================================*/

.bana_box {


}


.navbar {
    padding-top: 1.5rem !important;
}

/*=================================*/
/*=================================*/


