@charset "UTF-8";
/* CSS Document */


#index_01_set {
	position: relative;
}
#index_main {
	position: relative;
}
#butterfly_01 {
	position: absolute;
	top: 28%;
	right: 11%;
	width: 25%;
}
#index_01 {
	position: absolute;
	top: 2%;
	width: 8%;
	left: 3%;
}
#index_02 {
	position: absolute;
	top: 2%;
	width: 5.5%;
	right: 3.5%;
}
#index_03 {
	position: absolute;
	top: 38%;
	width: 95%;
	margin: auto;
	left: 0;
	right: 0;
}
#index_04 {
	position: absolute;
	top: 47%;
	width:47%;
	margin: auto;
	left: 0;
	right: 0;
}
a.tweetBt:hover {
	color: #FFFFFF;
	background-color: #2577BE; 
}
#index_05 {
	position: absolute;
	bottom: 20%;
	width: 95%;
	margin: auto;
	left: 0;
	right: 0;
}
#index_06 {
	position: absolute;
	bottom: 0%;
	width: 95%;
	margin: auto;
	left: 0;
	right: 0;
}

	#index_07b{
		width: 95%;
		margin:0 auto ;
	}	


	#index_main{
	display: block;
}


	#index_main_pc{
	display: none;
}



/*	TOPバナー*/
	
	.rightTopBnrArea{
	position: absolute;
	top:5px;
		right:5px;
	z-index: 1;
			width:10%;
}

	.leftTopBnrArea{
	position: absolute;
	top:5px;
	left:5px;
	z-index: 1;
	width:10%;
}


.rightBnr{
	width:100%;
	margin-bottom: 3px;
}

.rightBnr img{
	width:100%;
}





@media screen and (min-width: 961px) {
	

	
		#topBnr-small .flexSet-wrap{
	max-width:100%;
}
	
	body.index{
	background-image: url(../img/base_blue.jpg);
	background-color: hsla(225,64%,33%,1.00);
	}
	
	#index_01_set {
	top:34px;
	
}
	
	
	/*buzzis*/

footer{
	margin-bottom:50px;

}
	
	


	
	.wrapper{
		margin:1% auto;
	}
	
	#footerMenu {
    margin: 2% auto !important;
}
	
	.MB-0{
		margin-bottom: 0;
	}
	
	.maxWidth{
		max-width: 1100px;
	}
	
	.container-base{
		max-width: 100%;
	}
	
	#index_main_pc{
	display: block;
}
	
		#index_main{
	display: none;
}
	
	
#butterfly_01 {
	position: absolute;
	top: 42%;
	right: 14%;
	width: 12%;
}
#index_01 {
	position: absolute;
	top: 2%;
	width: 4%;
	left: 46%;
}
#index_02 {
	position: absolute;
	top: 2%;
	width: 3%;
	right: 46%;
}
#index_03 {
	position: absolute;
	top: 50%;
	width: 58%;
	margin: auto;
	left: 0;
	right: 0;
}
#index_04 {
	position: absolute;
	top: 63%;
	width: 23%;
	margin: auto;
	left: auto;
	right: 4%;
}
a.tweetBt:hover {
	color: #FFFFFF;
	background-color: #2577BE; 
}
#index_05 {
	position: absolute;
	bottom: 14%;
	width: 50%;
	margin: auto;
	left: 0;
	right: 0;
}
#index_06 {
	position: absolute;
	bottom: 20%;
	width: 38%;
	margin: auto;
	left: 0;
	right: 0;
}
	
	#index_07{
		width: 50%;
		margin:0 auto ;
	}	
	
	
	
	.youtubeSection{
		max-width: 800px;
		margin:auto;
	}
	
	.footerMenu-item-full{
		width:49%;
	}
	
	#footerMenu{
		margin:-1% auto 0 auto;
	}
	
	#topBnr-small{
	margin-top:-6%;
		
	}
	

	
}




/*_____________news ticker*/


.topics {
	position: relative;
	width: 100%;
	
	max-width: 97px;
	z-index: 100;
}

.topics img {
	width: 100%;
}

.newsTickerBox{
	background-color: hsla(231,60%,34%,0.8);
	position: relative;
	overflow: hidden;
	height:4em;
	padding: 0;
	margin: 0 0 10px 0;

}

.newsTickerBox2{
	background-color: hsla(231,60%,34%,0.3);
	position: absolute;
	overflow: hidden;
	height: 50px;
	padding: 0px 60px 0px 0px;
	margin: 0 0px 0 0;
	z-index: 10;
	top: 0;
	width: 100%;
	font-size: 90%;
}



.newsticker2 li {
	list-style-type: none;	
}


.newsticker{
	position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	line-height:1.2em;
	padding: 0 5px;
	margin: 0;
	text-align: left;
/*	overflow: hidden;
	margin:0 10px;
	padding: 0px;
	text-align: left;
	
	height:50px;*/
}

.newsticker2{
	position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	
	padding: 0 4px 0 50px;
	margin: 0;
	text-align: left;
	
}




.newsticker a{
	font-size: 90%;
	font-weight: 600;
}

.newsticker2 a{	
color: #fff;
	font-size: 90%;
	font-weight: 600;
	line-height:1.1em;
}

.newsticker a,
.newsticker2 a:link {
	color: #fff;
	text-decoration: none;}
.newsticker a,
.newsticker2 a:visited {
	color: #fff;
	text-decoration: none;
}
.newsticker a,
.newsticker2 a:hover {
	text-decoration: none;
	color: hsla(0,0%,100%,0.77);
}

.newsArrow{
	color: hsla(192,100%,50%,1.00);
}

.newsArrow2{
	color: hsla(331,100%,62%,1.00);
}

.day{
	font-size: 90% !important;
	color: hsla(192,100%,77%,1.00) !important;
	margin-right: 0.5em;
}



@media screen and (min-width: 961px) {
	
.newsTickerBox2{
padding: 0px 60px 0px 40px;
}
	
	.newsticker2 a{
	font-size: 110%;
	font-weight: 600;
		line-height:1.2em;
}
	
}


/*slick*/

#topBnr-small-pc{
	position: absolute;
	width:100%;
bottom:-3%;
}

.slider-container {
/*  display: none;*/
  position: relative;
}
.slider-container.initialized {
  display:block;
}
.slider {
  margin: 0 12px;
  overflow: hidden;
}
.slick-list {
  /*margin-right: -6px;*/  /* ガター分ネガティブマージン */
}
.slider-arrow {
  position: absolute;
  top: 50%;
  height: 36px;
  margin-top: -18px;  /* 高さの半分だけネガティブマージン */
  color: #bd77f2;
  line-height: 36px;
  font-size: 28px;
  cursor: pointer;
  z-index: 10;  /* 重要 */
}
.slider-prev {
  left: 0;
}
.slider-next {
  right: 0;
}
.slick-slide {
  margin-right: 6px;  /* ガター */
}
/*.slick-slide {
  padding: 1.5em 0;
  color: #fff;
  text-align: center;
  font-size: 1.1em;
  outline: 0;
  background-color: #bd77f2;
}*/

.footerBnr img{
	width:100%;
	
}



/*bookSlideArera*/

.commentSlideArea{
	position: absolute;
	top: 50%;
	left: 5px;
	z-index: 1;
	width: 190px;
}

.commentBase{
	position: relative;
	
}

.commentBase img{
	width:100%;
	
}

.commentArea{
	position: absolute;
	top: 0px;
	left: 0px;
max-width: 160px;
	width:100%;
	height:100%;

}

.slider-commetContainer{
	position: absolute;
	top: 40px;
	left: 7px;
	right: 0;
	width:100%;
	padding:0 5px;
	/*margin: auto;*/
/*	max-width: 164px;*/
/*	background-color: hsla(359,55%,32%,1.00);*/
}


.commentName{
	font-size: 15px;
	line-height: 1em;
	text-align: center;
	margin-bottom: 0.3em;
	font-weight: 900;
		color:#fff;
}

.commentName2{
	line-height: 1em;
	font-size: 10px;
	text-align: center;
	margin-bottom: 1em;
	color: #FFD2E5;
	
}

.commentText{
	font-size: 11px;
	line-height: 1.2em;
	font-weight: 700;
	color: hsla(195,100%,85%,1.00);
}

a .commentTextSet {

}

.commentText:hover {
	color: #fff ;
}


.slider-commetContainer.initialized {
  display:block;
}
.slider-commetContainer .slider {
  margin: 0 0px;
  overflow: hidden;
}
.slider-commetContainer .slick-list {
  /*margin-right: -6px;*/  /* ガター分ネガティブマージン */
}






@media screen and (max-width: 960px) {
.commentSlideArea{
	position: relative;
	bottom: auto;
	left: 0px;
	right:0px;
	z-index: 1;
	width: 95%;
	padding:0px;
	margin:0 auto 2em auto;
}
	
	.commentArea{
	position: absolute;
	top: 0px;
	left: 0px;
	right:0px;
max-width:100%;
	width:100%;
	height:100%;
	/*	background-color: hsla(359,55%,32%,1.00);*/

}

.slider-commetContainer{
	position: absolute;
	top: 30%;
	left: 4px;
	right: 0px;
	width: 100%;
	padding: 0 20px;
	/*background-color: hsla(263,77%,44%,1.00);*/	/*margin: auto;*/
/*	max-width: 164px;*/
/*	background-color: hsla(359,55%,32%,1.00);*/
}
	
	.commentName{
	font-size: 26px;
	line-height: 1.4em;
	text-align: center;
	margin-bottom: 0.3em;
	font-weight: 900;
		color:#fff;
}

.commentName2{
	line-height: 1em;
	font-size: 15px;
	text-align: center;
	margin-bottom: 1.7em;
	color: #FFD2E5;
	
}

.commentText{
		text-align: left;
	font-size: 17px;
	line-height: 1.6em;
	font-weight: 700;
	color: hsla(195,100%,85%,1.00);
}

}