@charset "UTF-8";
@import url("keyframes.css");

@media screen and (min-width: 799px){
#wrap.top {
    /*background: url(../img/bg/top_bg1.png) no-repeat;*/
    background-size: cover;
    color: #fff;
    position: relative;
}
.topBgCover{
  /*position: fixed;*/
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  /*z-index: -100;*/
}
/*.topBgCover{
  height: 100vh;
  width: 100vw;
  min-width: 100%;
}*/
/*.topBgCover.bg1{background: url(../img/bg/top_bg1.png) no-repeat;background-size: cover;}
.topBgCover.bg2{background: url(../img/bg/top_bg2.png) no-repeat;background-size: cover;}
.topBgCover.bg3{background: url(../img/bg/top_bg3.png) no-repeat;background-size: cover;}
.topBgCover.bg4{background: url(../img/bg/top_bg4.png) no-repeat;background-size: cover;}
.topBgCover.bg5{background: url(../img/bg/top_bg5.png) no-repeat;background-size: cover;}
.topBgCover.bg6{background: url(../img/bg/top_bg6.png) no-repeat;background-size: cover;}
.topBgCover.bg7{background: url(../img/bg/top_bg7.png) no-repeat;background-size: cover;}*/
.topBgCover.bg1{background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../img/bg/top_bg1.jpg) no-repeat;background-size: cover;}
.topBgCover.bg2{background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../img/bg/top_bg2.jpg) no-repeat;background-size: cover;}
.topBgCover.bg3{background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../img/bg/top_bg3.jpg) no-repeat;background-size: cover;}
.topBgCover.bg4{background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../img/bg/top_bg4.jpg) no-repeat;background-size: cover;}
.topBgCover.bg5{background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../img/bg/top_bg5.jpg) no-repeat;background-size: cover;}
.topBgCover.bg6{background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../img/bg/top_bg6.jpg) no-repeat;background-size: cover;}
.topBgCover.bg7{background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../img/bg/top_bg7.jpg) no-repeat;background-size: cover;}
.txtBlock{
  /*bottom: 420px;*/
  bottom: 480px;
  left: 120px;
  /*position: fixed;*/
  position: absolute;
  /*text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.36);*/
}
.blockTit{
  font-size: 30px;
  letter-spacing: 15px;
  line-height: 1.9;
  font-family: serif;
  opacity: 0;
}
.blockSubTit{
    margin-top: 20px;
    font-size: 20px;
    letter-spacing: 2px;
    font-family: 'GaramondClassicoW00-Ita',serif;
  opacity: 0;
}
.blockSubTit .name{
  font-size: 13px;
  padding-left: 5em;
  position: relative;
}
.blockSubTit .name:after{
  content: "";
  position: absolute;
  left: 2em;
  top: 0;
  bottom: 0.5em;
  width: 20px;
  border-bottom: solid 1px;
  margin: auto;
}

/*  ピックアップニュースボックス
===================================*/
.pickupBox{
  position: absolute;
  right: 100px;
  bottom: 75px;
  display: inline-block;
}
.pickupBox .pickupBoxTit{
  font-size: 21px;
  margin-bottom: 20px;
  letter-spacing: 7px;
  font-weight: 100;
  font-weight: bold;
  /*font-family: 'Ryumin Medium KL', serif;*/
  /*font-family: "游明朝体", YuGothic, serif;*/
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.pickupBox ul.articleList > li,.pickupBox ul.pickupList  li{
  margin: 0 11px 0px 0;
  width: 190px;
  min-height: 275px;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  /*font-family: "游ゴシック", YuGothic sans-serif;*/
}
.pickupBox ul.articleList > li > a,.pickupBox ul.pickupList  li > a {
    padding: 7px 7px 7px;
}
.pickupBox ul.articleList > li .photoCover,.pickupBox ul.pickupList  li .photoCover{
  height: 120px;
}
.pickupBox ul.articleList > li .cateImg,.pickupBox ul.pickupList  li .cateImg{
  display: none;
}
.pickupBox ul.articleList > li .txtArea ,.pickupBox ul.pickupList  li .txtArea {
    padding: 15px 5px 15px;
}
.pickupBox ul.articleList > li .title ,.pickupBox ul.pickupList  li .title {
    /*font-size: 16px;*/
    max-height: 58px;
}
.pickupBox ul.articleList > li .sCate ,.pickupBox ul.pickupList  li .sCate {
    font-weight: normal;
}
.pickupBox ul.articleList > li .day ,.pickupBox ul.pickupList  li .day {
    bottom: 11px;
}
/*
    .pickupBox ul.articleList > li:nth-child(n+5),.pickupBox ul.pickupList  li:nth-child(n+5){
  display: none;
}
.pickupBox ul.articleList > li:nth-child(3n),.pickupBox ul.pickupList  li:nth-child(3n){
  margin: 0 10px 0px 0;
}
.pickupBox ul.articleList > li:nth-child(4n),.pickupBox ul.pickupList  li:nth-child(4n){
  margin: 0 10px 0px 0;
}
    */
/* topsideNav
-------------------------------*/
.top .sideNav{
  bottom: 75px;
  position: absolute;
}
.top .sideNav li {
    margin: 18px 0 0 0;
}
/*===================================
　アニメーションCSS
===================================*/
/*  header
===================================*/
header{
  -webkit-animation: headerSlide 1s cubic-bezier(0,0.9,0.3,1) 1700ms both;
  animation: headerSlide 1s cubic-bezier(0,0.9,0.3,1) 1700ms both;
}
/*  サイドバー
===================================*/
.sideNav>ul>li:nth-child(1){
  -webkit-animation: sideSlide 1s ease 1500ms both;
  animation: sideSlide 1s ease 1500ms both;
}
.sideNav>ul>li:nth-child(2){
  -webkit-animation: sideSlide 1s ease 1600ms both;
  animation: sideSlide 1s ease 1600ms both;
}
.sideNav>ul>li:nth-child(3){
  -webkit-animation: sideSlide 1s ease 1700ms both;
  animation: sideSlide 1s ease 1700ms both;
}
.sideNav>ul>li:nth-child(4){
  -webkit-animation: sideSlide 1s ease 1800ms both;
  animation: sideSlide 1s ease 1800ms both;
}
.sideNav>ul>li:nth-child(5){
  -webkit-animation: sideSlide 1s ease 1900ms both;
  animation: sideSlide 1s ease 1900ms both;
}
.sideNav>ul>li:nth-child(6){
  -webkit-animation: sideSlide 1s ease 2000ms both;
  animation: sideSlide 1s ease 2000ms both;
}
.sideNav>ul>li:nth-child(7){
  -webkit-animation: sideSlide 1s ease 2100ms both;
  animation: sideSlide 1s ease 2100ms both;
}
.sideNav>ul>li:nth-child(8){
  -webkit-animation: sideSlide 1s ease 2200ms both;
  animation: sideSlide 1s ease 2200ms both;
}
.sideNav>ul>li:nth-child(9){
  -webkit-animation: sideSlide 1s ease 2300ms both;
  animation: sideSlide 1s ease 2300ms both;
}
.sideNav>ul>li:nth-child(10){
  -webkit-animation: sideSlide 1s ease 2100ms both;
  animation: sideSlide 1s ease 2400ms both;
}
.sideNav>ul>li:nth-child(11){
  -webkit-animation: sideSlide 1s ease 2500ms both;
  animation: sideSlide 1s ease 2500ms both;
}

.sideNav>ul>li:nth-child(12){
  -webkit-animation: sideSlide 1s ease 2700ms both;
  animation: sideSlide 1s ease 2700ms both;
}

.afterLoadcss .pickupBox{
  /*opacity: 0;*/
  /*animation: fadeup2 1000ms ease-out 1000ms forwards;*/
  /* -webkit-animation: fadeup2 1s ease 5400ms both;
  animation: fadeup2 1s ease 5400ms both; */
  -webkit-animation: fadeup2 1s ease 1500ms both;
  animation: fadeup2 1s ease 1500ms both;
}
/*  背景
===================================*/
.bgslideshow{
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
}
.bgslideshow .topBgCover{
  /*transform : scale(1, 1);*/
  /*transition: 10000ms ease 0ms;*/
  opacity: 0;
}
.bgslideshow .topBgCover.fadein{
  -webkit-animation: fadein 2000ms linear 0ms both;
  animation: fadein 2000ms linear 0ms both;
  transition: 11000ms linear 0ms;
  transform : scale(1.05, 1.05);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  /*transition: 8000ms ease 0ms;*/
  /*opacity: 1;*/
}
.bgslideshow .topBgCover.fadein.fadeout{
    /*transform : scale(1.08, 1.08);*/
  /*transition: 11000ms linear 0ms;*/
}
.bgslideshow .topBgCover.fadeout{
  -webkit-animation: fadeout 2000ms linear 0ms both;
  animation: fadeout 2000ms linear 0ms both;
    /*transform : scale(1.05, 1.05);*/
  /*transition: 11000ms linear 0ms;*/

}

/*  メッセージエリア
===================================*/
.txtBlock.slidein .blockTit{
  -webkit-animation: slidein 1500ms cubic-bezier(0,0.9,0.3,1) 1000ms both;
  animation: slidein 1500ms cubic-bezier(0,0.9,0.3,1) 1000ms both;
}
.txtBlock.slidein .blockSubTit{
  -webkit-animation: slideinsub 1800ms cubic-bezier(0,0.9,0.3,1) 1500ms both;
  animation: slideinsub 1800ms cubic-bezier(0,0.9,0.3,1) 1500ms both;
}
.txtBlock.slideout .blockTit,.txtBlock.slideout .blockSubTit{
  -webkit-animation: slideout 2000ms cubic-bezier(0,0.9,0.3,1) 0ms both;
  animation: slideout 2000ms cubic-bezier(0,0.9,0.3,1) 0ms both;
}

.blockTit>span{
  transition: .3s;
  display: inline-block;
}
.slidein .blockTit>span {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
  transition: .6s;
}
.slidein .blockTit>span:nth-of-type(1) {
  -webkit-transition-delay: .02s;
  transition-delay: .02s;
}
.slidein .blockTit>span:nth-of-type(2) {
  -webkit-transition-delay: .04s;
  transition-delay: .04s;
}
.slidein .blockTit>span:nth-of-type(3) {
  -webkit-transition-delay: .06s;
  transition-delay: .06s;
}
.slidein .blockTit>span:nth-of-type(4) {
  -webkit-transition-delay: .08s;
  transition-delay: .08s;
}
.slidein .blockTit>span:nth-of-type(5) {
  -webkit-transition-delay: .10s;
  transition-delay: .10s;
}

/*  ローディング画面
===================================*/
.loadingCover{
  background-color: #fff;
  z-index: 200;
  position: fixed;
  width: 100%;
  height:100%;
}
.loadingCover.invisible{
visibility: hidden;
}
.loadingCover .centerLogo{
/*  width: 305px;
  height: 105px;*/
  width: 255px;
  height: 92px;
  /*overflow: hidden;*/
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.loadingCover .centerLogo .imgCover{
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  /*width: 0px;*/
  opacity: 0;

}
.loadingCover .centerLogo .txtCover{
  width: 100%;
  height: 100%;
  /*overflow: hidden;*/
  position: absolute;
  bottom: -110px;
  font-size: 17px;
  color:#000;
  letter-spacing: 7px;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
  left: 7px;
}
.loadingCover .centerLogo .txtCover>p>span{
  opacity: 0;
}
.loadingCover .centerLogo .imgCover img{
/*  width: 305px;
  height: 105px;*/
/*  width: 255px;
  height: 53px;*/
  /*opacity: 0;*/
}
/*.loadingCover .centerLogo .imgCover.logo1c img{
  opacity: 0.3;
  z-index: 0
}*/
.loadingCover .centerLogo .imgCover.logoupc img{
    width: 255px;
    height: 53px;
}
.loadingCover .centerLogo .imgCover.logo2c {
  bottom: -43px;
}
.loadingCover .centerLogo .imgCover.logo2c img{
    width: 255px;
    height: 44px;
}
.loadingCover .centerLogo{
  transition: 4500ms linear 0ms;
   transform: scale(1.0,1.0);
}
/*アニメーション*/
/*
.loadingCover.onload .centerLogo .imgCover.logo1c{
  animation: onload_logo 1300ms ease 1000ms both;
}
.loadingCover.onload .centerLogo .imgCover.logo2c{
  animation: onload_logo 1300ms ease 1300ms both;
}
.loadingCover.onload .centerLogo{
  animation: zoomout2 3000ms cubic-bezier(0.76, 0.5, 1, 0.51) 1200ms both;
  transform-origin: center;
}
.loadingCover.onload{
  animation: fadeoutTop 1s ease 4300ms both;
}*/

/*.loadingCover.onload .centerLogo .imgCover.logo1c{
  animation: onload_logo 800ms ease 500ms both;
  opacity: 1;
}*/
.loadingCover.onload .centerLogo .imgCover.logoupc{
  /*animation: onload_logo 800ms ease 500ms both;*/
  -webkit-animation: fadein 1000ms ease 500ms both;
  animation: fadein 1000ms ease 500ms both;
  /*opacity: 0.3;*/
}
.loadingCover.onload .centerLogo .imgCover.logo2c{
  /*animation: onload_logo 800ms ease 500ms both;*/
  -webkit-animation: fadein 1000ms ease 1000ms both;
  animation: fadein 1000ms ease 1000ms both;
  /*opacity: 0.3;*/
}
.loadingCover .centerLogo .txtCover>p>span:nth-child(1){
  -webkit-animation: fadein 500ms ease 1300ms both;
  animation: fadein 500ms ease 1300ms both;
}
.loadingCover .centerLogo .txtCover>p>span:nth-child(2){
  -webkit-animation: fadein 500ms ease 1400ms both;
  animation: fadein 500ms ease 1400ms both;
}
.loadingCover .centerLogo .txtCover>p>span:nth-child(3){
  -webkit-animation: fadein 500ms ease 1500ms both;
  animation: fadein 500ms ease 1500ms both;
}
.loadingCover .centerLogo .txtCover>p>span:nth-child(4){
  -webkit-animation: fadein 500ms ease 1600ms both;
  animation: fadein 500ms ease 1600ms both;
}
.loadingCover .centerLogo .txtCover>p>span:nth-child(5){
  -webkit-animation: fadein 500ms ease 1700ms both;
  animation: fadein 500ms ease 1700ms both;
}
.loadingCover .centerLogo .txtCover>p>span:nth-child(6){
  -webkit-animation: fadein 500ms ease 1800ms both;
  animation: fadein 500ms ease 1800ms both;
}
.loadingCover .centerLogo .txtCover>p>span:nth-child(7){
  -webkit-animation: fadein 500ms ease 1900ms both;
  animation: fadein 500ms ease 1900ms both;
}
.loadingCover .centerLogo .txtCover>p>span:nth-child(8){
  -webkit-animation: fadein 500ms ease 2000ms both;
  animation: fadein 500ms ease 2000ms both;
}
/*.loadingCover .centerLogo .txtCover>p>span:nth-child(9){
  animation: fadein 500ms ease 2100ms both;
}*/
.loadingCover.onload .centerLogo{
  /*animation: zoomout2 700ms cubic-bezier(0.76, 0.5, 1, 0.51) 2000ms both;*/
  -webkit-animation: zoomout2 1000ms ease 2300ms both;
  animation: zoomout2 1000ms ease 2300ms both;
  -webkit-transform-origin: center;
  transform-origin: center;
}
.loadingCover.onload{
  -webkit-animation: fadeoutTop 1200ms ease 2800ms both;
  animation: fadeoutTop 1200ms ease 2800ms both;
}

}
@media screen and (max-height: 760px) and (min-width: 799px){
#wrap.top{
  min-height: 760px;
/*  transform: translateY(0);
  -ms-transform: translateY(0);*/
}
.contents_page #wrap,
.contents_single #wrap{
  transform: none;
  -ms-transform: none;
}
.sideNav{
  position: absolute;
}
.txtBlock{
  position: absolute;
}
}
@media screen and (min-height: 800px) and (min-width: 1350px){
.txtBlock{
  /*bottom: 620px;*/
}
.blockTit{
  font-size: 42px;
  letter-spacing: 15px;
  line-height: 1.9;
}
.blockSubTit{
    font-size: 23px;
    letter-spacing: 2px;
}
.blockSubTit .name{
  font-size: 16px;
  padding-left: 3.6em;
}
  .blockSubTit .name:after{
    content: "";
    position: absolute;
    left: 1.5em;
    top: 0;
    bottom: 0.5em;
    width: 20px;
    border-bottom: solid 1px;
    margin: auto;
  }
}
/*PC表示ここまで*/

/*SPここから*/
/*SPの幅でトップ背景をだしわけ*/
@media screen and (max-width: 798px ) and (min-width: 451px ){
.topBgCover.bg1{background:linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), url(../img/bg/top_bg1.jpg) center no-repeat;background-size: cover;}
.topBgCover.bg2{background:linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), url(../img/bg/top_bg2.jpg) center no-repeat;background-size: cover;}
.topBgCover.bg3{background:linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), url(../img/bg/top_bg3.jpg) center no-repeat;background-size: cover;}
.topBgCover.bg4{background:linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), url(../img/bg/top_bg4.jpg) center no-repeat;background-size: cover;}
.topBgCover.bg5{background:linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), url(../img/bg/top_bg5.jpg) center no-repeat;background-size: cover;}
.topBgCover.bg6{background:linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), url(../img/bg/top_bg6.jpg) center no-repeat;background-size: cover;}
.topBgCover.bg7{background:linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), url(../img/bg/top_bg7.jpg) center no-repeat;background-size: cover;}
}
@media screen and (max-width: 450px ){
  .topBgCover.bg1{background:linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), url(../img/sp/bg/top_bg1.jpg) no-repeat;background-size: cover;}
  .topBgCover.bg2{background:linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), url(../img/sp/bg/top_bg2.jpg) no-repeat;background-size: cover;}
  .topBgCover.bg3{background:linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), url(../img/sp/bg/top_bg3.jpg) no-repeat;background-size: cover;}
  .topBgCover.bg4{background:linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), url(../img/sp/bg/top_bg4.jpg) no-repeat;background-size: cover;}
  .topBgCover.bg5{background:linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), url(../img/sp/bg/top_bg5.jpg) no-repeat;background-size: cover;}
  .topBgCover.bg6{background:linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), url(../img/sp/bg/top_bg6.jpg) no-repeat;background-size: cover;}
  .topBgCover.bg7{background:linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), url(../img/sp/bg/top_bg7.jpg) no-repeat;background-size: cover;}
}
/*//SPの幅でトップ背景をだしわけ*/
@media screen and (max-width: 798px ){
#wrap.top {
    background-size: cover;
    color: #fff;
    position: relative;
}
.topBlock{
  position: relative;
  height: 80vh;
  width: 100%;
  margin: 0 0 0px 0;
  overflow: hidden;
}
.topBgCover{
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
/*.topBgCover.bg1{background: url(../img/sp/bg/top_bg1.png) no-repeat;background-size: cover;}
.topBgCover.bg2{background: url(../img/sp/bg/top_bg2.png) no-repeat;background-size: cover;}
.topBgCover.bg3{background: url(../img/sp/bg/top_bg3.png) no-repeat;background-size: cover;}
.topBgCover.bg4{background: url(../img/sp/bg/top_bg4.png) no-repeat;background-size: cover;}
.topBgCover.bg5{background: url(../img/sp/bg/top_bg5.png) no-repeat;background-size: cover;}
.topBgCover.bg6{background: url(../img/sp/bg/top_bg6.png) no-repeat;background-size: cover;}
.topBgCover.bg7{background: url(../img/sp/bg/top_bg7.png) no-repeat;background-size: cover;}*/
/*.topBgCover.bg1{background:linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), url(../img/sp/bg/top_bg1.jpg) no-repeat;background-size: cover;}
.topBgCover.bg2{background:linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), url(../img/sp/bg/top_bg2.jpg) no-repeat;background-size: cover;}
.topBgCover.bg3{background:linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), url(../img/sp/bg/top_bg3.jpg) no-repeat;background-size: cover;}
.topBgCover.bg4{background:linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), url(../img/sp/bg/top_bg4.jpg) no-repeat;background-size: cover;}
.topBgCover.bg5{background:linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), url(../img/sp/bg/top_bg5.jpg) no-repeat;background-size: cover;}
.topBgCover.bg6{background:linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), url(../img/sp/bg/top_bg6.jpg) no-repeat;background-size: cover;}
.topBgCover.bg7{background:linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), url(../img/sp/bg/top_bg7.jpg) no-repeat;background-size: cover;}*/


.txtBlock{
  bottom: 40px;
  left: 30px;
  position: absolute;
}
.txtSlideshow .txtBlock.ce{
  bottom: 110px;
.
}
.txtSlideshow .txtBlock.th{
  bottom: 123px;
  left: 30px;
}
.txtSlideshow .txtBlock.fo{
  bottom: 70px;
  left: 30px;
}
.txtSlideshow .txtBlock.fi{
  bottom: 175px;
  left: 30px;
}
.txtSlideshow .txtBlock.si{
  bottom: 70px;
  left: 30px;
}
.txtSlideshow .txtBlock.se{
  bottom: 90px;
  left: 30px;
}
.blockTit{
  font-size: 23px;
  letter-spacing: 11px;
  line-height: 1.5;
  font-family: serif;
  opacity: 0;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.36);
}
.blockSubTit{
  margin-top: 10px;
  font-size: 16px;
  letter-spacing: 4px;
  font-family: serif;
  opacity: 0;
  font-style: italic;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.36);
  font-family: 'GaramondClassicoW00-Ita',serif
}
.blockSubTit .name{
  font-size: 10px;
  padding-left: 0em;
  position: relative;
}
/*.blockSubTit .name:after{
  content: "";
  position: absolute;
  left: 0.9em;
  top: 0;
  bottom: 0.5em;
  width: 13px;
  border-bottom: solid 1px;
  margin: auto;
}*/

/*  ニュースボックス
===================================*/
.pickupBox{
  background-color: #fff;
  display: block;
  padding: 35px 0 0;
}
/*.pickupBox .heading1{
  color: #000;
  margin: 0px 0 25px
}*/
.pickupBox .pickupBoxTit{
  color: #000;
  margin: 0px 30px 22px;
  text-align: left;
  font-size: 17px;
  letter-spacing: 3px;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  /*font-weight: bold;*/
  /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
}
.pickupBox ul.articleList > li {
    padding: 5px;
    border: solid 1px #cccccc;
}
.top .sideNav{
  /*border-top: solid 1px #ccc;*/
  margin-top: 40px;
}
.top .sideNav>ul>li:first-child>span {
     padding-top: 25px; 
}
/*===================================
　アニメーションCSS
===================================*/
/*  header
===================================*/
/*header{
  animation: headerSlide 1s cubic-bezier(0,0.9,0.3,1) 3100ms both;
}*/
/*  サイドバー
===================================*/
/*.sideNav>ul>li:nth-child(1){
  -webkit-animation: sideSlide 1s ease 1400ms both;
  animation: sideSlide 1s ease 2400ms both;
}
.sideNav>ul>li:nth-child(2){
  -webkit-animation: sideSlide 1s ease 1500ms both;
  animation: sideSlide 1s ease 2500ms both;
}
.sideNav>ul>li:nth-child(3){
  -webkit-animation: sideSlide 1s ease 1600ms both;
  animation: sideSlide 1s ease 2600ms both;
}
.sideNav>ul>li:nth-child(4){
  -webkit-animation: sideSlide 1s ease 1700ms both;
  animation: sideSlide 1s ease 2700ms both;
}
.sideNav>ul>li:nth-child(5){
  -webkit-animation: sideSlide 1s ease 1800ms both;
  animation: sideSlide 1s ease 2800ms both;
}
.sideNav>ul>li:nth-child(6){
  -webkit-animation: sideSlide 1s ease 1900ms both;
  animation: sideSlide 1s ease 2900ms both;
}
.sideNav>ul>li:nth-child(7){
  -webkit-animation: sideSlide 1s ease 2000ms both;
  animation: sideSlide 1s ease 3000ms both;
}
.sideNav>ul>li:nth-child(8){
  -webkit-animation: sideSlide 1s ease 2100ms both;
  animation: sideSlide 1s ease 3100ms both;
}*/
/*  背景
===================================*/
.bgslideshow .topBgCover{
  opacity: 0;
}
.bgslideshow .topBgCover.fadein{
  -webkit-animation: fadein 2000ms linear 0ms both;
  animation: fadein 2000ms linear 0ms both;
  -webkit-transition: 11000ms linear 0ms;
  transition: 11000ms linear 0ms;
  -webkit-transform : scale(1.12, 1.12);
  transform : scale(1.12, 1.12);
}
.bgslideshow .topBgCover.fadein.fadeout{

}
.bgslideshow .topBgCover.fadeout{
  -webkit-animation: fadeout 2000ms linear 0ms both;
  animation: fadeout 2000ms linear 0ms both;
}

/*  メッセージエリア
===================================*/
.txtBlock.slidein .blockTit{
  -webkit-animation: slidein 1500ms cubic-bezier(0,0.9,0.3,1) 2100ms both;
  animation: slidein 1500ms cubic-bezier(0,0.9,0.3,1) 2100ms both;
}
.txtBlock.slidein .blockSubTit{
  -webkit-animation: slideinsub 1800ms cubic-bezier(0,0.9,0.3,1) 2600ms both;
  animation: slideinsub 1800ms cubic-bezier(0,0.9,0.3,1) 2600ms both;
}
.txtBlock.slideout .blockTit,.txtBlock.slideout .blockSubTit{
  -webkit-animation: slideout 2000ms cubic-bezier(0,0.9,0.3,1) 0ms both;
  animation: slideout 2000ms cubic-bezier(0,0.9,0.3,1) 0ms both;
}
.blockTit>span{
  transition: .3s;
  display: inline-block;
}
.slidein .blockTit>span {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
  transition: .6s;
}
.slidein .blockTit>span:nth-of-type(1) {
  -webkit-transition-delay: .02s;
  transition-delay: .02s;
}
.slidein .blockTit>span:nth-of-type(2) {
  -webkit-transition-delay: .04s;
  transition-delay: .04s;
}
.slidein .blockTit>span:nth-of-type(3) {
  -webkit-transition-delay: .06s;
  transition-delay: .06s;
}
.slidein .blockTit>span:nth-of-type(4) {
  -webkit-transition-delay: .08s;
  transition-delay: .08s;
}
.slidein .blockTit>span:nth-of-type(5) {
  -webkit-transition-delay: .10s;
  transition-delay: .10s;
}

/*  ローディング画面
===================================*/
.loadingCover{
  background-color: #fff;
  z-index: 200;
  position: fixed;
  width: 100%;
  height:100%;
}
.loadingCover.invisible{
  visibility: hidden;
}
.loadingCover .centerLogo{
/*  width: 305px;
  height: 105px;*/
  width: 174px;
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 50px;
  margin: auto;
}
.loadingCover .centerLogo .txtCover{
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -70px;
  font-size: 14px;
  color:#000;
  letter-spacing: 4px;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
  overflow: hidden;
  left: 0.5em;
}
.loadingCover .centerLogo .txtCover>p>span{
  /*opacity: 0;*/
}
.loadingCover .centerLogo .imgCover.logoupc img{
    width: 174px;
  height: 36px;
}
.loadingCover .centerLogo .imgCover.logo2c {
  bottom: -30px;
}
.loadingCover .centerLogo .imgCover.logo2c img{
    width: 174px;
  height: 30px;
}
.loadingCover .centerLogo .imgCover{
  width: 100%;
  overflow: hidden;
  position: absolute;
  height: 100%;
  opacity: 0;
}
.loadingCover .centerLogo .imgCover img{
/*  width: 305px;
  height: 105px;*/
/*  width: 100%;
  height: auto;*/
  width: 174px;
  height: 60px;
}
.loadingCover .centerLogo .imgCover.logo1c img{
  opacity: 0.3;
  z-index: 0
    width: 174px;
  height: 60px;
}
.loadingCover .centerLogo{
  transition: 4500ms linear 0ms;
   transform: scale(1.0,1.0);
}
/*アニメーション*/
/*
.loadingCover.onload .centerLogo .imgCover.logo1c{
  animation: onload_logo 1300ms ease 1000ms both;
  opacity: 1;
}
.loadingCover.onload .centerLogo .imgCover.logo2c{
  animation: onload_logo 1300ms ease 1300ms both;
  opacity: 0.3;

}
.loadingCover.onload .centerLogo{
  animation: zoomout2 3000ms cubic-bezier(0.76, 0.5, 1, 0.51) 1200ms both;
  transform-origin: center;
}
.loadingCover.onload{
  animation: fadeoutTop 1s ease 4300ms both;
}*/
.loadingCover.onload .centerLogo .imgCover.logoupc{
  /*animation: onload_logo 800ms ease 500ms both;*/
  -webkit-animation: fadein 1000ms ease 500ms both;
  animation: fadein 1000ms ease 500ms both;
  /*opacity: 0.3;*/
}
.loadingCover.onload .centerLogo .imgCover.logo2c{
  /*animation: onload_logo 800ms ease 500ms both;*/
  -webkit-animation: fadein 1000ms ease 1000ms both;
  animation: fadein 1000ms ease 1000ms both;
  /*opacity: 0.3;*/
}
.loadingCover .centerLogo .txtCover>p>span:nth-child(1){
  -webkit-animation: fadein 500ms ease 1300ms both;
  animation: fadein 500ms ease 1300ms both;
}
.loadingCover .centerLogo .txtCover>p>span:nth-child(2){
  -webkit-animation: fadein 500ms ease 1400ms both;
  animation: fadein 500ms ease 1400ms both;
}
.loadingCover .centerLogo .txtCover>p>span:nth-child(3){
  -webkit-animation: fadein 500ms ease 1500ms both;
  animation: fadein 500ms ease 1500ms both;
}
.loadingCover .centerLogo .txtCover>p>span:nth-child(4){
  -webkit-animation: fadein 500ms ease 1600ms both;
  animation: fadein 500ms ease 1600ms both;
}
.loadingCover .centerLogo .txtCover>p>span:nth-child(5){
  -webkit-animation: fadein 500ms ease 1700ms both;
  animation: fadein 500ms ease 1700ms both;
}
.loadingCover .centerLogo .txtCover>p>span:nth-child(6){
  -webkit-animation: fadein 500ms ease 1800ms both;
  animation: fadein 500ms ease 1800ms both;
}
.loadingCover .centerLogo .txtCover>p>span:nth-child(7){
  -webkit-animation: fadein 500ms ease 1900ms both;
  animation: fadein 500ms ease 1900ms both;
}
.loadingCover .centerLogo .txtCover>p>span:nth-child(8){
  -webkit-animation: fadein 500ms ease 2000ms both;
  animation: fadein 500ms ease 2000ms both;
}
.loadingCover.onload .centerLogo{
  /*animation: zoomout2 1000ms cubic-bezier(0.76, 0.5, 1, 0.51) 200ms both;*/
  -webkit-animation: zoomout2 1000ms ease 2300ms both;
  animation: zoomout2 1000ms ease 2300ms both;
  -webkit-transform-origin: center;
  transform-origin: center;
}
.loadingCover.onload{
  /*animation: fadeoutTop 1400ms ease 1700ms both;*/
  -webkit-animation: fadeoutTop 1200ms ease 3300ms both;
  animation: fadeoutTop 1200ms ease 3300ms both;
}
#siteHeader,.sideNav,.pickupBox{
  opacity: 0;
}
#siteHeader.afterLoadcss{
  -webkit-animation: fadein 1200ms ease 2900ms both;
  animation: fadein 1200ms ease 2900ms both;
}
.sideNav.afterLoadcss{
  -webkit-animation: fadein 1200ms ease 3400ms both;
  animation: fadein 1200ms ease 3400ms both;
}
.pickupBox.afterLoadcss {
  -webkit-animation: fadein 1200ms ease 3400ms both;
  animation: fadein 1200ms ease 3400ms both;
}

}