/*---

ページ基本設定

----*/


ul,li{
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}


#html {

	overflow:visible;

}

#body {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	background-color: #FFFFFF;
	color: #000000;
	overflow-x: visible;
	-webkit-text-size-adjust: 100%;

}


.a {

	z-index: 999;

}


#loader {

  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #FFF;
  z-index: 999;


}


/* スクロールボタン */

.scroll-to-top {
  color: #f5076c;
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  cursor: pointer;
  text-shadow: 0 0.125em 0.25em rgba(255,255,255,0.8);
  
  z-index : 200;
}







/*---

更新バー設定＋メニューバーも

----*/


#kousinBar {

	position: fixed;
	top: 0;
	left: 0;
    width: 100%;
    
    height: 82px;
    margin: 0 auto;
	overflow: hidden;
	background-color: #e5e5e5;
	
	background-position: center top;
	background-repeat: no-repeat;
	
	z-index: 50;
}

#kousinBar .ks_div_base {

	width:100%;
	padding-top : 2px;
	
	
	background-color: #535803;
	height: 28px;
}



#kousinBar .ks_div_base > img{

	position: absolute;
	

}

#kousinBar .ks_div_base > .ks_new{

	left : 1%;	
	z-index: 102;

}



#kousinBar .ks_div_base > .ks_div01{

	position: absolute;
	color: #FFFFFF;
	font-size: 14px;
	left: 5%;

	z-index: 100;

}

#kousinBar .ks_div_base > .ks_div02{

	position: absolute;
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 2px;
	
	right : 5%;
	background-color: #535803;
	
	z-index: 101;
	

}






/*---

メインコンテンツ範囲設定

----*/

.mainContents {

  max-width: 1024px;
  min-width: 1024px;
  margin: 0 auto;

}


/*---

ＳＮＳボタン設定

----*/

.sns_feedly{

	position : absolute;
	top : 85px;
	margin-right:30px;
	right : 0%;
	z-index : 20;

}

.sns_rss{

	position : absolute;
	top : 85px;
	margin-right:105px;
	right : 0%;
	z-index : 20;

}

.sns_youtube{

	position : absolute;
	top : 85px;
	margin-right:164px;
	right : 0%;
	z-index : 20;

}

.sns_twitter{

	position : absolute;
	top : 85px;
	margin-right:251px;
	right : 0%;
	z-index : 20;

}

.sns_fantia{

	position : absolute;
	top : 85px;
	margin-right:328px;
	right : 0%;
	z-index : 20;

}


/*---

コピーライト・フッター

----*/


#footer{

	position : relative;
	left : 0;
	margin-top : 0px;
	padding : 0px;
	min-height : 150px;
	height : 150px;
	background-color: #EEE;
	white-space: nowrap;
	z-index: 1;
}


#footer .ftimg01{

	position: absolute;

	top: 50%; /* トップを基準に中央配置 */
	left: 50%; /* 左を基準に中央配置 */
	
	transform: translate(-50%, -50%);


}

#footer .ftdiv01{

	position: absolute;

	top: 50%; /* トップを基準に中央配置 */
	left: 50%; /* 左を基準に中央配置 */

	transform: translate(-50%, 20px);

}



/*-------------------------------------------------*/
/*ページを読み込んだときに一度だけ表示*/

.overlay{
    display:none;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.7);
    position:fixed;
    z-index:40;
}
.popup_area{
    width:500px;
    height:663px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-320px;
    margin-left:-250px;
    background-color:#fff;
    z-index:41;
}
.popup_area p{
    padding:15px;
}



/*-------------------------------------------------*/
/*汎用ページ・バックイメージ設定*/




/*------------------------------------------------------------

	animate追加設定

------------------------------------------------------------*/

.second {
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}

.third {
	-webkit-animation-delay: .7s;
	animation-delay: .7s;
}

.fourth {
	-webkit-animation-delay: .15s;
	animation-delay: .15s;
}

.fifth {
	-webkit-animation-delay: .20s;
	animation-delay: .20s;
}


/*------------------------------------------------------------

	追加アニメ

------------------------------------------------------------*/



.sd_anime1{
    transform-origin: center bottom;
    animation: yurayura 2s ease-in-out infinite;
    -webkit-animation: yurayura 2s ease-in-out infinite;
}

@keyframes yurayura {
  0% , 100%{
      transform: rotate(10deg);
  }
  50%{
      transform: rotate(-10deg);
  }
}


.sd_anime2{
    transform-origin: center bottom;
    animation: yurayura2 2s ease-in-out infinite;
    -webkit-animation: yurayura2 2s ease-in-out infinite;
}

@keyframes yurayura2 {
  0% , 100%{
      transform: rotate(3deg);
  }
  50%{
      transform: rotate(-3deg);
  }
}