/*---------------------------ベースＣＳＳ-------------------------*/
@-webkit-keyframes imageAnimation {
  0% { opacity: 0; -webkit-animation-timing-function: ease-in; }
  17% { opacity: 1; -webkit-animation-timing-function: ease-out; }
  35% { opacity: 1 }
  52% { opacity: 0 }
  100% { opacity: 0 }
}

@keyframes imageAnimation {
  0% { opacity: 0; animation-timing-function: ease-in; }
  17% { opacity: 1; animation-timing-function: ease-out; }
  35% { opacity: 1 }
  52% { opacity: 0 }
  100% { opacity: 0 }
}
.no-cssanimations #mainVisual li span{
  opacity: 1;
}

#topInfo, #topInfo a {

}

/*-----------------------トップ画面中央文字のメインタイトル　ＰＣ---------------------------------------------------*/
#topInfo {
  background-color: rgba(0,0,0,0.3);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#88000000,EndColorStr=#88000000);/*IE8以下用aarrggbb 00透明　ff不透明*/
  width: 650px;
  margin: 200px auto 0 auto;/*---初期設定: 100px auto 0 auto;---*/
  text-align: center;
}

/*-----------------------トップ画面中央文字のメインタイトル　ＰＣ---------------------------------------------------*/
#topInfoTitle {
  font-size: 35px;
  letter-spacing: 0.2em;
  margin: 40px auto 20px auto;
  color:#f0f0f0;
  font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGS明朝B","HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif；/*****HGS明朝B狙い*******/
}

/*-----------------------トップ画面中央文字のメインタイトルしたのサブタイトル　ＰＣ　---------------------------------------------------*/
#topIntro {
  font-size: 18px;
  letter-spacing: 0.1em;
  color:#f0f0f0;
  font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGS明朝B","HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif；/*****HGS明朝B狙い*******/
}

/*--------------------最新トピックス内容フォント全体-------------------------------------------------------------*/
#topics, #topics a {
  position: relative;
  font-family:"Roboto Slab" , Garamond , "Times New Roman" , HGS明朝B, "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

#topics {
  font-size: 80%;
}

/*-----------------------トップ画面中央文字のトピック記事のタイトル　ＰＣ　---------------------------------------------------*/
#topicsTitle {
  margin-top: 20px;
  letter-spacing: 0.12em;
  color:#f0f0f0;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;/*****メイリオ狙い*******/
}

#topicsNews {
  position: relative;
  overflow: hidden;
  border: 1px solid #fff;
  border: 1px solid rgba(255,255,255,0.5);
  margin: 4px 40px 20px 40px;
  padding: 5px;
  text-align: left;
  -webkit-transition-duration:0.3s;
  transition-duration:0.3s;
}

#topicsNews a{
	text-decoration: none;
}

#topicsNews:hover {
  background-color: rgba(0,0,0,0.3);
}

/*-----------------------トップ画面中央文字のトピック記事の日付　ＰＣ　---------------------------------------------------*/
#topicsDate {
  font-size: 90%;
  position: absolute;
  left: 5px;
  letter-spacing: 0em;
  color:#f0f0f0;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;/*****メイリオ狙い*******/
}

/*-----------------------トップ画面中央文字のトピック記事の内容　ＰＣ　---------------------------------------------------*/
#topicsContent {
  padding: 0 1.2em 0 6.5em;
  position:relative;
  letter-spacing: 0.12em;
  color:#f0f0f0;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;/*****メイリオ狙い*******/
  word-break:break-all;
}

#topicsContent::before,#topicsContent::after{
  content: "";
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  margin-top: -5px;
  top: 50%;
  right: 10px;
  border-top: solid 1px #fff;
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
}

#topicsContent::after{
  margin-top: -5px;
  -webkit-transform: rotate(130deg);
  transform: rotate(130deg);
}

/*-------------スマホ画面サイズのときのものを非表示---------------------*/
.pcnone{
	display:none !important;
	}

/*-------------PC画面サイズのときのものを非表示---------------------*/
.sspnone{
	display:block !important;
	}

/*-------------IE8のときのものを非表示---------------------*/
.ie8on{
	font-size: 14px;
  	color:#f0f0f0;
	text-align:center;
	margin:-5px 10px 20px 10px;
	font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGS明朝B","HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	display:none !important;
}

/*-----------------------------------------1144pxから700pxまで--------------------------------------*/
@media screen and (min-width: 700px) and (max-width: 1144px)
{
#topInfoTitle {
  font-size: 35px;
  letter-spacing: 0.2em;
  margin: 40px auto 20px auto;
  font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGS明朝B","HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif；/*****HGS明朝B狙い*******/
}

/*-------------スマホ画面サイズのときのものを非表示---------------------*/
.pcnone{
	display:none !important;
	}
/*-------------PC画面サイズのときのものを非表示---------------------*/
.sspnone{
	display:block !important;
	}


}

/*-------------------------------------------------700px以下-----------------------------------------------*/
@media screen and (max-width :700px)
{

/*-------------スマホ画面サイズのときのものを非表示---------------------*/
.pcnone{
	display:block !important;
	}

/*-------------PC画面サイズのときのものを非表示---------------------*/
.sspnone{
	display:none !important;
	}


#topInfo {
	color: red !important;
  width: 90%;
  margin: 120px auto 0 auto;
  text-align: center;
  text-shadow: 0px 1px 1px #555;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}

/*---------トップ画面中央文字のメインタイトル　スマホ　-------------------------*/
#topInfoTitle {
  font-size: 25px;
  font-weight:inherit;
  letter-spacing: 0.15em;
  line-height:1.2em;
  margin: 40px 0 20px;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif, "Gudea", "Lucida Grande";
}

/*--------トップ画面中央文字のメインタイトル下のサブタイトル　スマホ　----------------*/
#topIntro {
  font-size: 15px;
  letter-spacing: 0.2em;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif, "Gudea", "Lucida Grande";
  line-height: 1.2em;
  margin: 0px 10px;
}

#topics, #topics a {
  position: relative;
}



#topics {
  font-size: 130%;
  line-height: 1em;
}

/*-------トップ画面中央文字のトピックスのタイトル　スマホ　--------------------*/
#topicsTitle {
  font-size: 13px;
  margin-top: 10px;
  letter-spacing: 0.2em;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif, "Gudea", "Lucida Grande";
}

#topicsNews {
  position: relative;
  overflow: hidden;
  border: 1px solid #fff;
  border: 1px solid rgba(255,255,255,0.5);
  margin: 4px 15px 20px 15px;
  padding: 5px;
  text-align: left;
  -webkit-transition-duration:0.3s;
  transition-duration:0.3s;
}

#topicsNews:hover {
  background-color: rgba(0,0,0,0.3);
}

/*----------------トップ画面中央文字のトピックスの日付　スマホ　---------------------------*/
#topicsDate {
  font-size: 15px;
  position: relative;
  left: 0;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif, "Gudea", "Lucida Grande";
}

/*---------------トップ画面中央文字のトピックスの内容　スマホ　------------------------------*/
#topicsContent {
  font-size: 15px;
  padding: 0;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif, "Gudea", "Lucida Grande";
  line-height: 1em;
}

#topicsContent::before,#topicsContent::after{
  width: 0;
  height: 0;
}


}