@charset "UTF-8";


@media screen and (min-width: 680px){   
    .pc { display:block; }
    .sp { display:none; }
  }
  @media screen and (max-width: 680px){   
    .pc { display:none; }
    .sp { display:block; }
  }

html body{
    background: #000;
    font-family: "Didot","游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    position: relative;
    font-weight:bold;
    text-align:center;
    color:#FFF;
}


/* 点滅 231225- */

.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


/*** css Reset 231101- ***/

.accordion-container {
    margin: 50px auto 0;
    width: 100%;
  }
  
  .accordion-list:not(:first-child) {
    margin-top: 10px;
  }
  
  .accordion-title {
    cursor: pointer;
    font-size: 16px;
    padding: 0px 40px;
    position: relative;
  }
  
  .accordion-title:after {
    position: absolute;
    display: block;
    content: '';
    top: 35%;
    right: 22px;
    width: 8px;
    height: 8px;
    transform: rotate(135deg);
    transition: all .3s ease-in-out;
  }
  
  .accordion-title.open:after {
    transform: rotate(-45deg);
    top: 45%;
  }
  
  .accordion-title .a { display: block;}
  .accordion-title .b { display: none; }
  .accordion-title.open .a { display: none;}
  .accordion-title.open .b { display: block; }
  
  .accordion-text {
    display: none;
    padding: 20px 40px;
  }

@media screen and (max-width: 640px) {
  .accordion-text {
      padding: 20px 10px;
  }
}
  

/*** //css Reset ***/


/* css animation (prefixes are cut) */
.appear {
    transform-origin:center top;
    animation:show 1s both;
}
a {
    color:#C5D14B;
}

span.appear {display:inline-block;}
.d01 {animation-delay:0.1s;}
.d02 {animation-delay:0.2s;}
.d03 {animation-delay:0.3s;}
.d04 {animation-delay:0.4s;}
.d06 {animation-delay:0.6s;}
.d08 {animation-delay:0.8s;}
.d10 {animation-delay:1s;}
.d14 {animation-delay:1.4s;}
.d16 {animation-delay:1.6s;}
.d18 {animation-delay:1.8s;}
.d20 {animation-delay:2.0s;}
@keyframes show {
    0% {
        transform:translate(0,1em);
        opacity:0;
    }
    50% {
    }
    100% {
        transform:translate(0,0);
        opacity:1;
        text-shadow:none;
    }
}


.c-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.c-bg--01 {
	

}

.c-bg--02 {
    background: url(../img/) center 0px;
	
}

.c-bg--03 {    
	background: url(../img/) center 0px no-repeat;
	position:fixed;
}

.c-bg--04 {    
	background: url(../img/) center 0px no-repeat;
}


#content-wrap{
	width:100%;
}



/*============================
#content-wrap
============================*/
#content-wrap{
}

.mt-top-graphic{
	height:550px;
	width:100%;
	background:black url(../../img/background-top.png) top center no-repeat;
	margin:0 auto;
	padding: 0;
	background-size:cover;
	position:relative;
}

.mt-content-base{
	margin:0 auto 50px;
	max-width:1080px;
}

.mt-top-logo{
	max-width:900px;
	width:90%;
	margin: -110px ​auto;
}
.mt-top-copy{
	color:#FFF;
	text-align:center;
	font-size:24px;
}
.mt-top-copy2{
	margin-top:20px;
	color:#FFF;
	text-align:center;
	font-size:16px;
}

.mt-blue-line{
	width:100%;
	height:40px;
	background:#000 url(../../img/blue-line.png) top center repeat-x;

}
.mt-contents{
	padding:150px 0 150px 0;
	background:#000;
}
.mt-contents-ms{
	padding:50px 0 50px 0;
	background:#000;
}
.mt-contents h2{
	text-align:center;
	font-size:54px;
	margin-bottom:30px;
	font-weight:normal;
}

.mt-text{
	margin-left:5%;
	width:55%;
	float:left;
}
.mt-date{
	text-align:left;
	font-size:22px;
	padding:10px 0 10px 0;
}
.mt-title{
	text-align:left;
	font-size:28px;
	padding:6px 0 6px 0;
}
.mt-description{
	text-align:left;
	font-size:16px;
	padding:10px 0 10px 0;
	line-height:1.7;
}
.mt-photo{
	float:right;
	margin-left:5%;
	width:30%;
}
.mt-photo-img{
	width:100%;
	height:auto;
}
.mt-program-information{
	background:#3EC9F2;
	color:#000;
}
.mt-program-information h2{
	color:#000;

}

.mt-message-bt{
	max-width:90%;
	background:#000;
	border:1px solid #555;
	height:80px;
	margin-top:50px;
}
.mt-bt-text{
	text-align:center;
	color:#FFF;
	padding-top:28px;
	font-size:18px;

}

.playlist {
    max-width: 900px;
}


a {
	text-decoration: none;
	color:#000;
}

/* ABOUT MBUX */
div.aboutmbux {
    margin-top: 50px;
}
div.aboutmbux h3{
    font-size: 2em;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	text-align: center;
}

div.aboutmbux h3::before,
div.aboutmbux h3::after {
	content: '';
	width: 70px;
	height: 3px;
	background-color: #3EC9F2;
}

div.aboutmbux h3::before {
	margin-right: 20px;
}
div.aboutmbux h3::after {
	margin-left: 20px;
}




div.aboutmbux img{
    max-width: 400px;
    max-width: 80%;
    margin: 30px 0;
}
div.aboutmbux p{
    font-size: 1.3em;
    line-height: 1.4em;
    font-weight: 400;
}

/*============================
#share-wrap
============================*/
#share-wrap{
	margin:60px 0 60px 0;
}

/*============================
#gigyaShare
============================*/
#gigyaShare{
}
.mt-banner{
	max-width:310px;
	width:90%;
	height:auto;
	background:#555;
}
.sponsortxt{
    max-width:310px;
	width:90%;
	margin: 20px auto 0;
	padding: 20px;
	text-align:center;
	color: #fff;
	border: solid 1px #fff;
}
.mt-contents.mt-archive {
	background:#FFF;
	color:#000;
}

div.mt-archives{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}


.archive-block{
	width:23%;
	margin:10px 1% 20px 1%;
/*	float:left;*/
	text-align:left;
	min-height:300px;
}
.archive-photo{
	width:100%;
	height:auto;
	background:#555;
}
.archive-date{
	font-size:16px;
	margin-top:10px;
	margin-bottom:5px;
}
.archive-title{
	font-size:16px;
}


.top-block{
	width:100%;
	background:#000;
}

.sponly{
	display:none;
}


.mt-top-logo-page {
    max-width: 600px;
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
}
.mt-top-copy-page {
    color: #FFF;
    text-align: center;
    font-size: 16px;
}
.mt-top-graphic-page{
	height:240px;
	width:100%;
	background:black url(../../img/background-top.png) center center no-repeat;
	margin:0 auto;
	background-size:cover;
	position:relative;
}


@media screen and (max-width: 820px) {
	.mt-contents h2 {
	    text-align: center;
	    font-size: 35px;
	}
	.archive-block {
	    width: 44%;
	    margin: 10px 3% 20px 3%;
	    float: left;
	    text-align: left;
	}

}

@media screen and (max-width: 640px) {
	.mt-bt-text {
	    text-align: center;
	    color: #FFF;
	    padding-top: 18px;
	    font-size: 12px;
	}
	.mt-message-bt {
	    max-width: 100%;
	    border: 1px solid #555;
	    height: 52px;
	    margin-top: 10px;
	}
	.mt-top-copy {
	    font-size: 16px;
	}
	.mt-top-graphic {
	    height: 600px;
	    width: 100%;
	}
	.mt-date {
	    text-align: left;
	    font-size: 16px;
	    padding: 5px 0 5px 0;
	}
	.mt-title {
	    text-align: left;
	    font-size: 18px;
	    padding: 6px 0 6px 0;
	}
	.mt-description {
    	font-size: 14px;
	}
	.mt-photo {
	    width: 90%;
	    margin: 0 auto;
	    float: none;
	}
	.mt-text {
	    width: 90%;
	    margin: 20px auto;
	    float: none;
	}
    .mt-contents {
	    padding: 90px 0 90px 0;
	}
	.mt-contents-ms{
		padding: 40px 0 40px 0;
	}
	.sponly{
		display:inherit;
	}
	.mt-top-graphic-page{
		height:150px;
		width:100%;
		background:black url(../../img/background-top.png) center center no-repeat;
		margin:0 auto;
		background-size:cover;
		position:relative;
	}

}

@media screen and (max-width: 520px) {
	.mt-top-graphic {
	    height: 370px;
	    width: 100%;
	}
	.mt-top-logo {
	    max-width: 900px;
	    width: 100%;
	    margin: 50px auto;
	}
}




.clearB{
	clear:both;	
}

#gigyaShare {
    position: static;
    width: auto;
}

.gig-bar-container {
    display: inline-block;
    padding-top: 6px;
    padding-left: 10px;
    *display: inline;
    *zoom: 1;
}

@media screen and (max-width: 720px) {
    .c-header {
        padding-top: 50px;
        padding-bottom: 14px;
    }
    .c-header__inner {
        width: 320px;
    }
    .c-header__logo {
        margin-bottom: 0px;
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .c-header__sns {
        display: none;
    }
    .c-header_schedule {
        display: none;
    }
}



/*@import url(c-footer.css);*/
.c-footer {
    background-color: #000000;
}

.c-footer__inner {
    position: relative;
    width: 90%;
    height: 109px;
    margin: 0 auto;
    padding-top: 44px;
    text-align: left;
}

.c-footer__copyright {
    margin-top: -16px;
    margin-left: -12px;
    text-align: center;
}

.c-footer__copyright img {
    width: 294px;
    height: auto;
}

.c-footer__logo {
    position: absolute;
    top: 53px;
    right: 0;
}

.c-footer-logo img {
    width: 177px;
    height: auto;
}

@media screen and (max-width: 767px) {
    .c-footer__inner {
        width: 320px;
        height: auto;
        padding-top: 20px;
        padding-bottom: 34px;
    }
    .c-footer__copyright {
        margin-top: -10px;
    }
    .c-footer__copyright img {
        width: 157px;
    }
    .c-footer__logo {
        position: static;
        margin-top: 13px;
        text-align: center;
    }
    .c-footer__logo img {
        width: 88px;
    }
    #backtop {
        margin-left: 10px;
    }
    #backtop img {
        width: 30px;
        height: auto;
    }
}



/*@import url(p-navigator-list.css);*/
.c-navigator-item{
    box-sizing:border-box;
}


.c-navigator-item__thumb{
    vertical-align: top;
    width: 100%;
    height: auto;
}
.c-navigator-item__name{
    background-color: #000;
    padding: 4px 0;
    font-size: 14px;
    text-align: center;
    color: #fff;
}

.c-navigator-item--active .c-navigator-item__name{
    color: #40b4b3;
}

.p-navigator-list{
    overflow: hidden;
    padding: 8px 2px 2px 2px;;
}
.p-navigator-list .c-navigator-item{
    width: 50%;
    float: left;
    padding: 3px;
}

/*@import url(p-navigation.css);*/


@media screen and (max-width: 767px) {
    .p-navigation{
        display: none;
    }
}

/*@import url(layout.css);*/
.l-footer {
    margin-top: 0px;
}

.l-main {
    margin-top: 29px;
	overflow:hidden;
}

@media screen and (max-width: 767px) {
    body{
        overflow-x:hidden;
    }
    .l-main {
        margin-top: 0px;
    }
    .l-footer {
        margin-top: 0;
    }
}


/*@import url(utility.css);*/
/*  CLEAR FIX 
---------------------------------------------- */

.clrfix {
    zoom: 1;
    /*for IE 5.5-7*/
}

.clrfix:after {
    /*for modern browser*/
    content: "";
    display: block;
    clear: both;
    /* height: 0px; */
    /* overflow: hidden; */
}

* html .clrfix {
    display: inline-table;
    /*\*/
    display: block;
    /**/
}

.u-sidebar-pad {
    padding-left: 5px;
    padding-right: 5px;
}

.u-hover {
    -webkit-transition: 0.1s opacity linear;
    -o-transition: 0.1s opacity linear;
    transition: 0.1s opacity linear;
}

.u-hover:hover {
    opacity: 0.7;
}

#size-detect {
    font-family: pc;
    display: none;
}

@media screen and (max-width: 767px) {
    #size-detect {
        font-family: sp;
        display: none;
    }
}






.c-select {
    position: relative;
    color: #222222;
}
.c-select select {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 37px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: block;
}
.c-select__inner {
    position: relative;
    z-index: 0;
    box-sizing: border-box;
    border: 1px solid #DDDDDD;
    padding: 0 12px;
    width: 100%;
    height: 7px;
    4-+font-size: 13px;
    line-heigt: 32px;
   background: #DDDDDD;
   padding-left: 44px;
    font-weight: bold;
    margin-top: -2px;
    border: 1px solid #838383;
}
1.c-select__inner:before,
.c-select__inner:after {
    content: '';
    position: absolute;
    display: block
	.-}]
1	_____ct__innerbefore {
    top: 0;
    left: 0;
    bottom: 0;
    width: 29px;
    background: #DDDDDD;
    border-right: 1px solid;
    margin: 4px 0;
}
.c-select__inner:after {
    top: 50%;
    left: 7px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border: solid transparent;
    border-top-color: #838383;
    border-width: 5px 5px 0 5px;
}

@media screen and (max-width: 767px) {
    
    /* overrides common styles */
    #commonFooter{
        width: 100%;
        position: static;
    }
    
    #commonFooterInner{
        padding: 15px 0;
        width: 100%;
        background-color: #282828;
        text-align: center;
    }
    #commonFooter li{
        display:inline-block !important;
        float: none;
    }
}


.spin_infinite {
/* keyframes に任意の名前を付ける */
  -moz-animation-name: 'rotate1';
  -webkit-animation-name: 'rotate1';
  animation-name: 'rotate1';
  -goog-ms-animation-name: 'rotate1'; 
 
 /* 1動作(ここでは1回転)あたりの秒数 */
  -moz-animation-duration: 50s;
  -webkit-animation-duration: 50s;
  animation-duration: 50s;
  -goog-ms-animation-duration: 50s;
 
/* 動作の向き、初期値はnormal 、逆再生は alternate */
  -moz-animation-direction: normal;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -goog-ms-animation-direction: normal;
  
/* 動き方 linear, ease, easein, ease-out, ease-in-out */
  -moz-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -goog-ms-animation-timing-function: linear;
  
/* 動作 (ここでは回転) の回数を数値で指定、無限ループは infinite */
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -goog-ms-animation-iteration-count: infinite;
}
 
@-webkit-keyframes 'rotate1' {
  from {
  /* 最初の回転角 */
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -goog-ms-transform: rotate(0deg);
  }
  /* 1動作の最後 ( 1duration 後) の回転角 */
  to {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -goog-ms-transform: rotate(360deg);
  }
}