@charset "UTF-8";

/*== reset =========================================================================*/
html,body{height:100%;}body,div,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,table,thead,tbody,tfoot,caption,th,td,p,blockquote,pre,form,fieldset,legend{margin:0;padding:0;font-size:100%;font-weight:100;}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;margin:0;padding:0;}body{line-height:1;}a,input[type="submit"]{cursor:pointer;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}ol,ul,li{list-style:none;}table{border-collapse:collapse;border-spacing:0;font-size:100%;}caption,th{text-align:left;}img,input{vertical-align:middle;}abbr,acronym,fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}select,input,textarea{font-size:100%;}textarea{overflow:auto;}code,kbd,code,samp{font-family:monospace;}ins,del{display:block;}pins,pdel,olins,oldel,ulins,uldel,dlins,dldel,tableins,tabledel{display:inline;}

/*== clearfix ==================================*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*== img ==================================*/
img { max-width: 100%; height: auto; width: 100%; }

/*== base =========================================================================*/

html { font-size: 62.5%; }

body {
	width:100%; height:100%;
	background: #000;
	font-size: 1.6rem !important; color: #000; letter-spacing: .03em;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.wrap {
	width: 100% !important; min-width: 980px; max-width: 1400px; height: auto;/*5400px*/ box-sizing: border-box; overflow: hidden;
	margin: 0 auto;
	background: #fff;
	/*background: url(http://www.shuuemuramy.com/whats-new/blockbooster/assets/img/_atari_pc.jpg) 50% 1px no-repeat;*/
}

.mainView {
	position: relative;
	width: 100%; max-width: 1400px; box-sizing: border-box;
	padding: 0 50px;
	margin: 0 auto;
}

.mainView > .main,
.mainView > .footer {
	position: relative;
	width: 100%;
	z-index: 1;
}

.mainView > * > .inner,
.mainView > .main > * > .inner {
	position: relative;
	box-sizing: border-box;
	margin: 0 auto;
}

.main {
	width: 100%;
}

.main .inner {
	position: relative;
	width: 100%; box-sizing: border-box;
	padding: 100px 40px;
}

.main > section:nth-of-type(n+2) .inner,
.main > aside .inner,
.footer .inner {
	border-top: #d5d5d5 solid 1px;
}

a {
	color: #009c9e;
}
a:hover {
	color: #999;
	text-decoration: none;
}

h1,h2,h3,h4,h5,h6,strong { font-weight: normal; }

.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 35px; }
.mt60 { margin-top: 55px; }
.mt90 { margin-top: 90px; }
.mt120 { margin-top: 120px; }

.pcElm { display: block;}
.spElm { display: none;}

/*== common =========================================================================*/
hr{border-top:1px solid #d9d9d9;     margin: 50px 0px;}
 
.heading {
	margin-top: -11px;
	font-size: 4.0rem; line-height: 1.4;
	font-family: Oswald; font-weight: 400;
}

.heading + .lead {
	margin-top: 35px;
	line-height: 1.5;
}

.subhead {
	margin-top: 7px;
	font-size: 2.6rem; line-height: 1.2; font-weight: 300;
}

.subhead + p {
	margin-top: 14px;
	line-height: 1.4;
}

.txtBlock {
	box-sizing: border-box;
	padding-top: 37px;
}

.txtBlock .new {
	display: inline-block;
	width: 118px; box-sizing: border-box;
	padding: 3px 0 7px;
	background: #ff56b1;
	color: #fff; letter-spacing: .1em; font-weight: normal;
	font-family: Oswald;
	text-align: center;
}

.txtBlock .note {
	margin-top: 15px;
	font-size: 1.4rem; color: #9d9d9d;
}

.txtBlock.point .title {
	display: inline-block;
	width: 100%; box-sizing: border-box;
	padding: 10px 14px;
	background: #f3f3f3;
	font-size: 2.0rem;
	text-align: center; vertical-align: baseline;
}

/*== end common ======*/
/*== txtList ==================================*/

.txtBlock .txtList {
	box-sizing: border-box;
	padding-left: 12px;
	margin-top: 15px;
	font-size: 1.5rem; line-height: 1.4;
}

.txtBlock .txtList li {
	position: relative;
	box-sizing: border-box;
	margin-top: 6px;
}

.txtBlock .txtList li:before {
	content: "\b7";
	display: block;
	position: absolute;
	left: -1em; top: 0;
}
/*== intro =========================================================================*/

.intro__img1 {
	position: absolute;
	right: 0px; top:100px; z-index: -1;
	width: 50%;
	height: auto;
}

.intro__txtBlock {
	width: 48.9%;
}

#stage-performer .intro__heading span, #stage-performer .intro__txtBlock p span {color:#ff56b1;}
#stage-performer .sp-txtlist-row{width:100%; position:relative; margin-top:100px; }
#stage-performer .sp-txtlist-box:nth-child(2) {margin-left:20px;}
#stage-performer .sp-txtlist-box{width:45%; float:left; border-left:4px solid #ff56b1; margin: 0; padding: 0; height:150px; }
#stage-performer .sp-txtlist-box p{padding-top:10px; padding-left:20px; color:#ff56b1; font-weight:bold; font-size:22px;}
#stage-performer .sp-txtlist-box ul{padding-bottom:10px; padding-left:35px;}
 
 
/*=============block====================================================================*/

#block-boost{position:relative; background:url(http://www.shuuemuramy.com/whats-new/blockbooster/assets/img/bb-sect2-bg.jpg) no-repeat; width:100%; border-top:1px solid #d5d5d5;     padding-bottom: 50px;}
#block-boost .sect-block{position:relative; padding-bottom:40px; width:94%; margin:0 auto; }
#block-boost .sect-block h2, #block-boost .sect-boost h2{ position:relative; display:block; font-size:54px; line-height:54px; font-family: Oswald; font-weight: 400; color:#ff56b1; text-decoration:underline; margin-bottom: 40px;}
#block-boost .sect-boost{position:relative; padding-bottom:40px; width:94%; margin:0 auto;}
#block-boost .sect-block-box{position:relative; width:46%; float:left; }
#block-boost .sect-block-box:nth-child(2){float:right; margin-top: 124px;}
#block-boost .sect-block-box{margin-top:30px;}
#block-boost .sect-block-box h3{ position:relative; display:block; font-family: Oswald; font-weight: 400;  font-size:34px; line-height:34px; color:#000; margin-bottom: 20px; }
#block-boost .sect-block-box h4{position:relative; display:block; font-size:24px; line-height:32px; color:#000; margin-bottom: 20px;}
#block-boost .sect-block-box p{position:relative; display:block; font-size:16px; line-height:22px; color:#000; margin-bottom: 40px;}
#block-boost .sect-block-box .disclaimer{position:relative; display:block; font-size:14px; line-height:20px; color:#9d9d9d; margin-top: 20px;}
#block-boost .sect-block-box p span:before{ content: "\27a8"; display: inline-block; position: relative;}

/*=============power of nature====================================================================*/
#power-of-nature{position:relative; width:100%; border-top:1px solid #d5d5d5; margin-bottom: 80px;}
#power-of-nature .pon-row{position:relative; padding-bottom:40px; width:94%; margin:0 auto; }
#power-of-nature .pon-box{position:relative; float:left; }
#power-of-nature .pon-left{width:57%}
#power-of-nature .pon-right{width:28%; margin-left:40px;}
#power-of-nature .pon-box .inner-box-row{position:relative; width:100%; display:block; height: 275px;}
#power-of-nature .pon-left .inner-box-row .inner-box{position:relative; width:50%; float:left;}
#power-of-nature .pon-right .inner-box-row .inner-box{position:relative; width:100%; float:left;}
#power-of-nature .pon-box .inner-box-row .inner-box .inner-box-cell{position:relative; width:45%; float:left;}
#power-of-nature .pon-box .inner-box-row .inner-box .inner-box-cell img{width: auto; height: auto; padding-left: 20px;}
#power-of-nature h2{ position:relative; display:block; font-size:40px; line-height:40px; font-family: Oswald; font-weight: 400; color:#ff56b1; margin-bottom: 40px;}
#power-of-nature p{position:relative; display:block; font-size:16px; line-height:22px; color:#000; margin-bottom: 40px;}
#power-of-nature p span{color:#ff56b1;}
#power-of-nature .pon-box .inner-box-row .inner-box .inner-box-cell p{margin-bottom: 0px;}
#power-of-nature .pon-box .inner-box-row .inner-box .inner-box-cell ul {padding-bottom: 10px;  padding-left: 15px;}
#power-of-nature .pon-box .inner-box-row .inner-box .inner-box-cell ul.txtList li { position: relative; box-sizing: border-box; margin-top: 6px;}
#power-of-nature .pon-box .inner-box-row .inner-box .inner-box-cell ul.txtList li:before {	content: "\b7";	display: block;	position: absolute;	left: -1em; top: 0;}


#artists-insight{position:relative; width:100%; border-top:1px solid #d5d5d5; background: url(http://www.shuuemuramy.com/whats-new/blockbooster/assets/img/artist-bg.jpg) no-repeat; height: 400px; }
#artists-insight .sect-insight-row{position:relative; width:94%; margin:0 auto; }
#artists-insight .artist-img{float:left; width:30%; text-align:center;}
#artists-insight .artist-img img{ width: auto;}
#artists-insight .artist-content, #artists-insight .artist-signature{float:right; width:70%}
#artists-insight .artist-content{margin-top: 60px;}
#artists-insight .artist-content h2{ position:relative; display:block; font-size:34px; line-height:34px; font-family: Oswald; font-weight: 400; color:#000; margin-bottom: 40px;}
#artists-insight .artist-content p, #artists-insight .artist-signature p{position:relative; display:block; font-size:22px; line-height:32px;}
#artists-insight .artist-signature span{position:relative; display:block; font-size:16px; line-height:22px;}
#artists-insight .artist-signature{margin-top: 20px; text-align: right;}

#lightbulb{position:relative;  width:100%; border-top:1px solid #d5d5d5; }
#lightbulb .lightbulb-ariel{position:relative; width:94%; margin:0 auto; border:3px solid #ff56b1;}
#lightbulb .lightbulb-ariel h2{position:absolute; display:block; font-size:34px; line-height:34px; font-family: Oswald; font-weight: 400; color:#000; margin-top: 10%; margin-left: 47%; z-index:10}
#lightbulb .lightbulb-ariel h2 span{color:#ff56b1;}
#lightbulb .lightbulb-ariel img{position: relative; width: 75%; height: auto;}


.mainView { margin-top:70px; }
#topheader { position:fixed; top:0; left:0; width:100%; z-index:50; }
#topheader .topblackbar { width:100%; background:#000; text-align:center; } 
#topheader .topblackbar .shulogo { padding-top:15px; display:inline-block; }
#topheader .topblackbar .shulogo img { max-width:100%; }
#topheader #sidebar-toggle { display: block; position: absolute; padding:10px 15px; float: left; top:12px; left:18px; z-index:52; border:1px solid #FFF; }
#topheader #sidebar-toggle .bar{ display: block; width:35px; margin-bottom:7px; height:3px; background-color: #fff; border-radius: 1px; }
#topheader #sidebar-toggle .bar:last-child{ margin-bottom: 0; }
#topheader #closenav, #topheader #sidebar-toggle { display:none; }
#topheader #navexpand { background:#000; text-align:center; }
#topheader #navexpand ul { padding:15px 0; }
#topheader #navexpand li { display:inline-block; margin:0 15px; }
#topheader #navexpand li a { color:#FFFfff; text-decoration:none; font-family:'Oswald'; font-size:21px; transition:all 0.25s ease-in-out 0s; -moz-transition:all 0.25s ease-in-out 0s; -webkit-transition:all 0.25s ease-in-out 0s; -ms-transition:all 0.25s ease-in-out 0s; }
#topheader #navexpand li a:hover { color:#f0b480; }
.detect_this { padding-top:50px; margin-top:-0px; }
#topheader #navexpand li:last-child a { background:#ff56b1; color:#ffffff; padding-left:5px; padding-right:5px;}
#topheader #navexpand li:last-child a:hover{ background:#ffffff; color:#ff56b1; }

.blink {	
  -moz-animation-duration: 2s;
  -moz-animation-name: blink;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: alternate;
  
  -webkit-animation-duration: 2s;
  -webkit-animation-name: blink;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  
  animation-duration: 2s;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  
}

@-moz-keyframes blink {
  0% { opacity: 1; color:#ffffff;  background:#ff56b1;}
  20% { opacity: 0.5; color:#ffffff;  background:#ff56b1;}
  40% { opacity: 1; color:#ffffff;  background:#ff56b1;}
  100% { opacity: 1; color:#ffffff; background:#ff56b1; }
}

@-webkit-keyframes blink {
  0% { opacity: 1; color:#ffffff;  background:#ff56b1;}
  20% { opacity: 0.5; color:#ffffff;  background:#ff56b1;}
  40% { opacity: 1; color:#ffffff;  background:#ff56b1;}
  100% { opacity: 1; color:#ffffff;  background:#ff56b1;}
}

@keyframes blink {
  0% { opacity: 1; color:#ffffff;  background:#ff56b1;}
  20% { opacity: 0.5; color:#ffffff;  background:#ff56b1;}
  40% { opacity: 1; color:#ffffff;  background:#ff56b1;}
  100% { opacity: 1; color:#ffffff;  background:#ff56b1;}
}

@media only screen and (max-width: 1100px) {
	.mainView { margin-top:50px; }
	#topheader #closenav, #topheader #sidebar-toggle { display:block; }
	#topheader #navexpand { background:url(http://www.shuuemuramy.com/whats-new/blockbooster/assets/img/navbg.png) 0 0 repeat transparent; position:fixed; top:0; left:-400px; width:400px; height:100%; z-index:52; transition:all 0.25s linear 0s; -moz-transition:all 0.25s linear 0s; -webkit-transition:all 0.25s linear 0s; -ms-transition:all 0.25s linear 0s; }
	#topheader #navexpand.open { left:0; }
	#topheader #navexpand ul { margin:115px 20px 0; }
	#topheader #navexpand li { margin-bottom:25px; display: block; }
	#topheader #navexpand li a { color:#FFF; font-size:24px; line-height:26px; }
	#topheader #navexpand li a:hover { text-decoration:none; }
	#topheader #navexpand #closenav { position:absolute; top:25px; right:25px; }
	
	#topheader #navexpand { width:100%; max-width:400px; }
	#topheader .topblackbar { height:55px; }
	#topheader .topblackbar .shulogo { width:180px; padding-top:12px; padding-left:25px; }
	#topheader #sidebar-toggle { padding:7px 9px; left:12px; top:11px; }
	#topheader #sidebar-toggle .bar { width:25px; margin-bottom:5px; height:2px; }
	
}

/*== other =========================================================================*/

.other__content {
	padding: 100px 0;
	text-align: center;
}

/*== footer =========================================================================*/

.footer {
	/*margin-top: 338px;*/
}
	
.footer .inner {
	padding: 30px 40px 50px;
}

.footer__logo {
	width: 126px; height: auto;
	margin: 0 auto;
}

/*==  =========================================================================*/
/*==  ==================================*/
/*==  ==*/
/*
body {
	overflow: visible;
}
.bg,
.cover__chara,
.cover__txt {
	display: none;
}

body:not(.lt-ie9) .cover__snav {
	visibility: visible;
}
*/