@charset "utf-8";
#top_back {
    display: none;
}
#top_img {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
}
#top_img h1 {
    display: none;
    position: relative;
    z-index: 50;
}
#top_img .menu {
    display: none;
    z-index: 10;
}

#top_img #scroll {
    display: none;
}

#main_slide_area {
    height: calc(100% - 37px);

}
#main_slide_area .main_img li {
    position: relative;
  height: 300px;
  overflow: hidden;
}
#main_slide_area .main_img li .logo {
    display: none;
}
#main_slide_area .main_img li .back_movie {
    position: absolute;
    top: 150px;
    left: 50%;
}
#main_slide_area .main_img li .back_movie .area {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -50%;
    left: -50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#main_slide_area .main_img li .back_movie .area iframe {
    display: none;
}
#main_slide_area .main_img li .back {
    display: table;
    width: 100%;
    height: 300px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#main_slide_area .main_img li .back img {
    display: none;
}
#main_slide_area .main_img.main_slide {
    position: relative;
}
#main_slide_area .main_img.main_slide:after {
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(255,255,255,0.00);
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}
#caution,
#event {
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #A5A5A5;
    display: block;
    width: 100%;
}
#caution .table,
#event .table{
    display: table;
    width: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    height: 100%;
}
#caution .table span,
#event .table span{
    display: table-cell;
    vertical-align: middle;
    padding-top: 3%;
    padding-right: 3%;
    padding-bottom: 3%;
    padding-left: 3%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#caution .table span:nth-last-child(2),
#event .table span:nth-last-child(2){
    width: 131.5px;
    height: 77px;
}
#caution .table span:nth-last-child(2) img,
#event .table span:nth-last-child(2) img{
  display: none;
}







#news_ticker {
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 100%;
    display: table;
    border-collapse: collapse;
    color: #FFFFFF;
    background-color: #FFFFFF;
    left: 0px;
    bottom: 0px;
}
#news_ticker > div {
  display: table-cell;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
  vertical-align: middle;
  background-color: rgba(255,255,255,0.80);
  text-align: center;
}
#news_ticker > div:nth-child(1) {
  width: 76px;
  text-align: center;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}
#ticker {
  position: relative;
  height: 35px;
  overflow-x: hidden;
  overflow-y: hidden;
}
#ticker > ul {
  display: block;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
}
#ticker > ul > li {
  display: block;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  position: relative;
  height: 30px;
}
#ticker > ul > li > span {
  display: block;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  white-space: nowrap;
}
#ticker > ul > li > span > a {
  color: #424242;
}
/*****************************************/
#pickup_top_area ul.pickup_slide .slick-arrow,
#news_top_area ul.news_slide .slick-arrow,
#top_facility ul.facility_slide .slick-arrow{
    position: absolute;
    left: 0px;
    top: 50%;
    width: 51px;
    height: 97px;
    margin-top: -48.5px;
    font-size: 0px;
    border-style: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url(../images/0yaji2.png);
    display: block !important;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-color: rgba(255,255,255,0.00);
    z-index: 10;
    opacity: 0;
  transition: 0.3s all;
}
#pickup_top_area ul.pickup_slide:hover .slick-arrow,
#news_top_area ul.news_slide:hover .slick-arrow,
#top_facility ul.facility_slide:hover .slick-arrow{
    opacity: 1;
  transition: 0.3s all;
}
#pickup_top_area ul.pickup_slide .slick-arrow.slick-next,
#news_top_area ul.news_slide .slick-arrow.slick-next,
#top_facility ul.facility_slide .slick-arrow.slick-next{
    left: auto;
    right: 0px;
    background-image: url(../images/0yaji3.png);
}
#pickup_top_area ul.pickup_slide ul.slick-dots,
#news_top_area ul.news_slide ul.slick-dots,
#top_facility ul.facility_slide ul.slick-dots{
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 94%;
    text-align: center;
}
#pickup_top_area ul.pickup_slide ul.slick-dots li,
#news_top_area ul.news_slide ul.slick-dots li,
#top_facility ul.facility_slide ul.slick-dots li{
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    margin-left: 4px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    display: inline-block;
    width: auto;
}
#pickup_top_area ul.pickup_slide ul.slick-dots li button,
#news_top_area ul.news_slide ul.slick-dots li button,
#top_facility ul.facility_slide ul.slick-dots li button{
    font-size: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 18px;
    height: 18px;
    display: block;
    border: 2px solid #000000;
    border-radius: 18px;
    background-color: rgba(247,246,240,0.00);
    cursor: pointer;
}
#pickup_top_area ul.pickup_slide ul.slick-dots li.slick-active button,
#news_top_area ul.news_slide ul.slick-dots li.slick-active button,
#top_facility ul.facility_slide ul.slick-dots li.slick-active button{
    background-color: #000000;
}
/*****************************************/
#pickup_top_area {
    background-color: #F7F6F0;
    padding-bottom: 17px;
    padding-top: 30px;
}
#pickup_top_area h2 {
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 19px;
    padding-left: 0px;
    border-style: none;
    text-align: center;
}
#pickup_top_area h2 img {
    height: 49px;
    width: auto;
}
#pickup_top_area ul.pickup_slide {
    position: relative;
}
#pickup_top_area ul.pickup_slide li   {
    margin-left: 10px;
    margin-right: 10px;
}
@media only screen and (max-width: 480px) {
  #pickup_top_area ul.pickup_slide li{
    margin-left: 5px;
    margin-right: 5px;
  }
}
#pickup_top_area ul.pickup_slide li a  {
    display: table;
    width: 100%;
    /*border: 1px solid #A5A5A5;*/
    min-height: 140px;
}
#pickup_top_area ul.pickup_slide li a > div {
    display: block;
    width: 100%;
    vertical-align: middle;
    /*background-color: #FFFFFF;*/
}
#pickup_top_area ul.pickup_slide li a > div.img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#pickup_top_area ul.pickup_slide li a > div.body {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
@media only screen and (max-width: 480px){
    #pickup_top_area ul.pickup_slide li a > div.body{
      font-size: 12px;
    }
}


#news_top_area {
    padding-top: 24px;
    padding-bottom: 32px;
    background-color: #FFFFFF;
}
#news_top_area h2 {
    margin-bottom: 36px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-align: center;
    border-style: none;
    margin-top: 0px;
}
#news_top_area h2 img {
    height: 49px;
    width: auto;
}
#news_top_area ul.news_slide {
    position: relative;
}
#news_top_area ul.news_slide li {
    margin-left: 5px;
    margin-right: 5px;
    display: table;
    width: 100%;
}
#news_top_area ul.news_slide li a {
    display: block;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    float: left;
    width: calc(50% - 5px);
}
#news_top_area ul.news_slide li a:nth-child(odd) {
    float: left;
    clear: both;
}
#news_top_area ul.news_slide li a:nth-child(even) {
    float: right;
}
#news_top_area ul.news_slide li a:nth-child(n+3) {
    margin-top: 1.5%;
}

#news_top_area ul.news_slide li a span {
    display: block;
}
#news_top_area ul.news_slide li a span.backIMG {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#news_top_area ul.news_slide li a span.day {
    margin-top: 10px;
}
#news_top_area .more {
    margin-top: 20px;
}
#link_bb {
  width: 100%;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  display: block;
  background-color: rgba(255,255,255,1.00);
  border-top: 8px solid #F2F2F2;
}
#link_bb > .title {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 30px;
  padding-right: 0px;
  padding-bottom: 2px;
  padding-left: 0px;
  text-align: center;
}
#link_bb > .title > img {
  height: 49px;
  width: auto;
}
#link_bb > ul {
  width: 100%;
  display: table;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  max-width: 1012px;
}
#link_bb > ul > li {
  width: 50%;
  display: block;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 28px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  float: left;
}
#link_bb > ul > li:nth-child(even) {
  float: right;
}
#link_bb > ul > li > a {
  width: 100%;
  display: block;
}
#link_bb > ul > li > a > span {
  display: block;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  text-align: center;
  width: 100%;
}
#link_bb > ul > li > a > span:nth-child(2) {
  height: auto;
  margin-top: 12px;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}
#link_bb > ul > li:nth-child(1) > a > span:nth-child(2) {
  background-color: #5C4A98;
}
#link_bb > ul > li:nth-child(2) > a > span:nth-child(2) {
  background-color: #7B6DAC;
}
#link_bb > ul > li:nth-child(3) > a > span:nth-child(2) {
  background-color: #9084BC;
}
#link_bb > ul > li:nth-child(4) > a > span:nth-child(2) {
  background-color: #A99CC6;
}
#link_bb > ul > li > a > span:nth-child(3) {
  width: 219px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  display: none;
  height: 40px;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}
#information3_area {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  width: 100%;
  background-color: #FFFFFF;
}
#information3_area > .title {
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 40px;
  padding-right: 0px;
  padding-bottom: 36px;
  padding-left: 0px;
  text-align: center;
}
#information3_area > .title > img {
  max-height: 98px;
  width: auto;
  height: 49px;
}
#information3_area > ul {
  max-width: 1012px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  background-color: #F2F2F2;
  display: block;
}
#information3_area > ul > li {
  display: block;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 12px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
#information3_area > ul > li > span {
  display: block;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  width: 91.88%;
}
#information3_area > ul > li > span:last-child {
  border-bottom: 1px solid #BDBDBD;
  padding-bottom: 12px;
}
#information3_area > ul > li:last-child > span:last-child {
  border-bottom-style: none;
}
#information3_area > ul > li > span strong {
  color: #FF0004;
}
#information_top_area {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  width: 100%;
  background-color: #FFFFFF;
}
#information_top_area > .title {
  width: 94%;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 30px;
  padding-right: 0px;
  padding-bottom: 30px;
  padding-left: 0px;
  text-align: center;
  max-width: 1012px;
}
#information_top_area > ul {
  width: 100%;
  max-width: 1012px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 12px;
  padding-right: 0px;
  padding-bottom: 12px;
  padding-left: 0px;
  display: block;
}
#information_top_area > ul > li {
  display: block;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 12px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
#information_top_area > ul > li > span {
  width: 91.88%;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
#information_top_area > ul > li > span:last-child {
  border-bottom: 1px solid #BDBDBD;
  padding-bottom: 12px;
}
#information_top_area > ul > li:last-child > span:last-child {
  border-bottom-style: none;
}
#information_top_area > ul > li:last-child {
  border-bottom-style: none;
}
#information_top_area > ul > li > span {
  display: block;
  width: 91.88%;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
#information_top_area > ul > li > span strong {
  color: #FF0004;
}
#youtube_play   {
  margin-top: 40px;
  margin-bottom: 20px;
  cursor: pointer;
}
#youtube_block .title  {
  margin-top: 56px;
  margin-bottom: 20px;
  text-align: center;
}
#youtube_block .title > img {
  width: auto;
  height: 49px;
}
#content #top_facility {
    padding-top: 38px;
    background-color: #FFFFFF;
    padding-bottom: 38px;
}
#content #top_facility h2 {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-style: none;
    text-align: center;
}
#content #top_facility h2 img {
    height: 49px;
    width: auto;
    margin-bottom: 20px;
}
#content #top_facility .area ul.facility_slide li a {
    display: block;
    position: relative;
    padding-top: 63%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#content #top_facility .area ul.facility_slide li a img {
    display: none;
}
#topics {
    padding-bottom: 20px;
    border-bottom: 1px solid #BDBDBD;
    border-top: 1px solid #BDBDBD;
}
#topics a.img {
    display: block;
    /*box-shadow: 5px 5px 20px rgba(0,0,0,0.25);*/
}
@media only screen and (max-width: 480px){
  #topics a.img {
    box-shadow: none;
  }
}
#topics a.img img {
    width: 100%;
    height: auto;
    max-width: none;
}



#topics .area {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#pickup_news {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 24px;
    padding-right: 0px;
    padding-bottom: 24px;
    padding-left: 0px;
    background-color: #FFFFFF;
}
#pickup_news .table {
    width: 91.88%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    border: 2px solid #FF0004;
    display: table;
}
#pickup_news .table .cell:nth-child(1) {
    font-size: 120%;
    color: #FF0004;
}

#pickup_news .table .cell + .cell {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #BDBDBD;
}
#pickup_news .table .cell ul li + li{
    margin-top: 0.5em;
}
#pickup_news .table .cell ul li > * {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    display: table;
}
#pickup_news .table .cell ul li > *:before {
    display: table-cell;
    content: "■";
}


















/***********************************************/
@media only screen and (min-width: 476px) {
#pickup_top_area ul.pickup_slide li a  {
    /*min-height: 280px;*/
}
}
/***********************************************/

/***********************************************/
@media only screen and (min-width: 640px) {
#main_slide_area .main_img li .back_movie .area iframe  {
    display: block;
}
}
/***********************************************/

/***********************************************/
@media only screen and (min-width: 950px) {
#pickup_top_area ul.pickup_slide li a  {
    min-height: 140px;
}
#pickup_news .table .cell {
    display: table-cell;
    width: auto;
    padding-right: 20px;
}
#pickup_news .table .cell:nth-child(1) {
    white-space: nowrap;
    width: 9em;
}

#pickup_news .table .cell + .cell {
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 0px;
    border-left: 1px solid #BDBDBD;
    border-top-style: none;
}


}
/***********************************************/


/***********************************************/
@media only screen and (min-width: 1012px) {
header {
    background-color: rgba(255,255,255,0.00);
    border-bottom-style: none;
    width: 104px;
    left: auto;
    right: 0px;
}
header .area .table .cell a.logo {
    display: none;
}
header.small {
    border-top-style: none;
    width: 71px;
    transition: 0.1s all;
}
header.top {
    width: 100%;
    background-color: rgba(255,255,255,0.85);
    border-top-style: solid;
  transition: 0s all;
}
header.top .area .table .cell a.logo {
    display: block;
}
footer {
    margin-top: 0px;
}

#top_back {
  width: 100%;
  height: 100%;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  position: fixed;
  top: 0%;
  left: 0%;
  z-index: 2;
  display: block;
}
#top_back > div {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  z-index: 1;
  background-repeat: no-repeat;
  bottom: 0px;
  overflow-y: hidden;
  overflow-x: hidden;
}
#top_back > div > div {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0px;
  left: 0px;

}
#top_back > div > div > img {
  display: none;
}
#container {
    padding-top: 0px;
}
#top_img {
    height: 100vh;
}
#top_img h1 {
    display: none;
    width: 300px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    position: absolute;
    top: 104px;
    left: 20px;
}
#top_img .menu {
    display: block;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    position: absolute;
    right: 0px;
    z-index: 10;
    top: 91px;
    font-size: 18px;
}
#top_img .menu ul ,#top_img .menu ul li,#top_img .menu ul li a{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    display: block;
}
#top_img .menu ul li a {
    padding-right: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
    /*color: #424242;*/
  color: #fff;
    text-align: right;
    transition: 0.3s all;
    padding-left: 15px;
}
#top_img .menu.white ul li a {
    text-shadow: 1px 1px 1px #424242;
    color: #FFFFFF;
}

#top_img .menu ul li a:hover {
    background-color: rgba(255,255,255,0.27);
  transition: 0.3s all;
}




#top_img #scroll {
    display: block;
    position: absolute;
    left: 0px;
    bottom: calc(2.5em + 12px);
    width: 100%;
    z-index: 51;
    text-align: center;
}
#top_img #scroll a {
    display: inline-block;
    color: #FFFFFF;
    font-size: 140%;
    position: relative;
    text-shadow: 1px 1px 3px #000000;
}
@keyframes scroll {
    0% {bottom: 0px;opacity: 1;}
    100% {bottom: -10px; opacity: 0;}
}
#top_img #scroll a:after {
    display: block;
    width: 15px;
    height: 15px;
    border-left: 2px none #FFFFFF;
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    border-top: 2px none #FFFFFF;
    content: "";
    transform: rotate(45deg);
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -7.5px;
    margin-bottom: -1em;
  animation-name: scroll;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}



#main_slide_area {
    height: auto;
}
#main_slide_area .main_img li {
    height: auto;
    overflow-x: visible;
    overflow-y: visible;
}
#main_slide_area .main_img li .logo {
    display: block;
    width: 300px;
    position: absolute;
    left: 50px;
    top: 40px;
    z-index: 10;
}


#main_slide_area .main_img li .back {
    height: 100vh;
}
#main_slide_area .main_img li .back_movie {
    top: 0px;
}
#main_slide_area .main_img li .back_movie .area {
    top: 0px;
}


#caution,
#event {
    position: absolute;
    top: auto;
    left: auto;
    z-index: 50;
    width: 50%;
    max-width: 400px;
    bottom: 59px;
    right: 120px;
    display: block;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-bottom-style: none;
}
#event {
    top: 105px;
    bottom: auto;
}
#caution .table:hover, #event .table:hover {
    opacity: 0.7;
  transition: 0.3s all;
}


#caution .table span,
#event .table span {
    display: block;
}
#caution .table span:nth-last-child(2),
#event .table span:nth-last-child(2) {
    width: auto;
    height: auto;
}
#caution .table span img,
#event .table span img {
    display: inherit !important;
    opacity: 0;
}





#news_ticker {
  display: table;
  z-index: 50;
  position: absolute;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  bottom: 12px;
  width: 500px;
  left: 50px;
}
/**********************************************/
#pickup_top_area ul.pickup_slide ul.slick-dots li button,
#news_top_area ul.news_slide ul.slick-dots li button,
#top_facility ul.facility_slide ul.slick-dots li button{
    width: 10px;
    height: 10px;
}
/**********************************************/
#pickup_top_area {
    padding-top: 53px;
    padding-bottom: 60px;
}
#pickup_top_area h2 {
    padding-bottom: 53px;
}
#pickup_top_area h2 img {
    height: 63px;
}
#pickup_top_area ul.pickup_slide li a {
    border-style: none;
}
#pickup_top_area ul.pickup_slide li a > div {
    width: 100%;
    display: block;
    background-color: rgba(255,255,255,0.00);
}
#news_top_area {
    padding-top: 53px;
    padding-bottom: 60px;
}
#news_top_area h2 {
    margin-bottom: 53px;
}
#news_top_area h2 img {
    height: 63px;
}
#news_top_area ul.news_slide li a {
    width: 23%;
    float: left !important;
    clear: none !important;
    margin-top: 0px !important;
    margin-left: 1%;
    margin-right: 1%;
}
#news_top_area .more {
    margin-top: 50px;
}
#link_bb {
  width: 100%;
  margin-top: 100%;
  margin-right: 0px;
  margin-bottom: 300px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 53px;
  padding-left: 0px;
  background-color: rgba(255,255,255,1.00);
}
#link_bb > .title {
  padding-top: 53px;
  padding-bottom: 53px;
}
#link_bb > .title > img {
  height: 63px;
}
#link_bb > ul > li {
  width: 25%;
  float: left;
  padding-top: 0px;
}
#link_bb > ul > li:nth-child(even) {
  float: left;
}

#link_bb > ul > li > a > span:nth-child(1) {
  display: none;
}
#link_bb > ul > li > a > span:nth-child(2) {
  margin-top: 0px;
}
#link_bb > ul > li > a > span:nth-child(3) {
  display: block;
  margin-top: 16px;
}
#link_bb > ul > li > a > span:nth-child(3) > img {
  position: absolute;
  top: 0%;
  left: 0%;
}
#link_bb > ul > li > a:hover > span:nth-child(3) > img {
  top: -100%;
}
#information3_area > .title {
  padding-top: 53px;
  padding-bottom: 53px;
}
#information3_area > .title > img {
  height: 63px;
}
#information3_area > ul {
  display: table;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
}
#information3_area > ul > li {
  display: table-row;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
#information3_area > ul > li > span {
  display: table-cell;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 5px;
  padding-right: 14px;
  padding-bottom: 5px;
  padding-left: 14px;
  width: 100%;
  border-style: none;
}
#information3_area > ul > li >span:nth-child(1)  {
  width: 5%;
}
#information3_area > ul > li > span:last-child {
  border-bottom-style: none;
}
#information_top_area > ul {
  display: table;
  padding-top: 22px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
}
#information_top_area > ul > li {
  display: table-row;
}
#information_top_area > ul > li > span {
  display: table-cell;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 5px;
  padding-right: 14px;
  padding-bottom: 5px;
  padding-left: 14px;
  width: 100%;
}
#information_top_area > ul > li > span:last-child {
  border-bottom-style: none;
}
#information_top_area > ul > li >span:nth-child(1)  {
  width: 5%;
}
#youtube_block {
  display: none;
}
#content #top_facility {
    padding-bottom: 54px;
}
#content #top_facility h2 {
    display: none;
}
#content #top_facility .area ul.facility_slide li a .caption {
    color: #424242;
    background-color: rgba(255,255,255,0.70);
    opacity: 0;
  transition: 0.3s all;
}
#content #top_facility .area ul.facility_slide li a:hover .caption {
    opacity: 1;
  transition: 0.3s all;
}
#side_menu2 {
    display: none;
}
#topics {
    position: absolute;
    z-index: 50;
    border-style: none;
    width: 35%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    /*max-width: 400px;*/
    max-width: 420px;
    /*right: 220px;
    bottom: 170px;*/
    right: 52px;
    bottom: 52px;
}
#topics .area {
    width: 100%;
    padding-top: 3%;
    padding-right: 3%;
    padding-bottom: 3%;
    padding-left: 3%;
    background-color: rgba(255,255,255,0.70);
    height: 250px;
    overflow-x: hidden;
}
#topics a.img + .area {
    height: 200px;
}


}


#content #top_facility .area ul.facility_slide li a .caption {
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    color: #FFFFFF;
    background-color: rgba(109,92,163,0.70);
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align: center;
    opacity: 1;
}


/* 動画を囲う親要素 */
.sp_mein_movie{
  width: 100%;
  height: 75vw;
  position: relative;
  display: none;
}

.sp_mein_movie:after{
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

/* 動画を囲う親要素 */
.pc_mein_movie{
  width: 100%;
  height: 100vh;
  display: block;
  position: relative;
  background-color: #fff;
}

.pc_mein_movie:after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}

.pc_mein_movie .logo{
	display: block;
    width: 300px;
    position: absolute;
    left: 50px;
    top: 40px;
    z-index: 10;
}

#main_slide_area.main_movie_pc{
  display: none;
}

@media only screen and (max-width: 750px) {
  .sp_mein_movie{
    display: block;
  }

  .pc_mein_movie{
  	display: none;
  }

  #main_slide_area.main_movie_pc{
	  display: block;
	}

  #main_slide_area.main_movie_sp{
  	display: none;
  }

  #youtube_block{
  	display: none;
  }
}