.subdivision__title, .subdivision__detail .address, .movie-item__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.content-main { background: url(../images/common/bg_note.png); }

.first-block { 
    background: none;
    background-size: 100% auto;
    padding: 50px 0 40px;
}

/*.txt-catchcopy { padding: 60px 0 80px 650px; }*/

.l-top-right { float: right; width: 690px; }

.l-top-left { float: left; width: 250px; }

.card-list { margin: -5px; }
.card-list:after { content: ""; display: block; clear: both; }
.card-list__more { clear: both; padding: 5px 0 0; }
.card-list__more a { display: block; padding: .8em 0 .6em; border: 2px solid #44a5cb; background-color: #fff; text-align: center; text-decoration: none; font-size: 1.6rem; font-weight: bold; }
.card-list__more a:hover { background-color: #44a5cb; color: #fff; }

.card-item { padding: 5px; width: 33.33%; float: left; }

.subdivision.is-new a:after { content: 'NEW'; position: absolute; left: 0; top: 0; background-color: #da6272; color: #fff; padding: .1em .5em 0; font-size: 1.4rem; font-weight: bold; }
.subdivision a { position: relative; display: block; padding: 2px; background-color: #ddd; text-decoration: none; }
.subdivision a:hover .subdivision__detail { visibility: visible; opacity: 1; }
.subdivision__image { position: relative; height: 158px; overflow: hidden; background-size: cover; background-position: center center; }
.subdivision__image p { position: absolute; left: 0; bottom: 0; width: 100%; padding: .3em .4em .2em; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 1.2rem; }
.subdivision__title { padding: .8em 0 .6em; color: #313131; text-align: center; font-size: 1.6rem; }
.subdivision__detail { transition: visibility .4s, opacity .4s; visibility: hidden; opacity: 0; position: absolute; z-index: 10; left: 0; top: 0; right: 0; bottom: 0; padding: 8px; background-color: rgba(68, 165, 203, 0.9); color: #fff; }
.subdivision__detail .address { margin: -7px -7px 0; padding: 10px 4px 6px; border-bottom: 1px dotted #fff; background-color: #fff; color: #3089ac; text-align: center; font-size: 1.3rem; font-weight: bold; }
.subdivision__detail > dl { margin: 12px 0 0; font-size: 1.3rem; line-height: 1.2; max-height: 125px; overflow: hidden; }
.subdivision__detail > dl dt { float: left; font-weight: bold; }
.subdivision__detail > dl dd { padding: 0 0 .5em 3em; }
.subdivision__detail .link { position: absolute; bottom: 8px; left: 8px; right: 8px; padding: .3em 0 .2em; border: 2px solid rgba(255, 255, 255, 0.8); font-size: 1.4rem; text-align: center; }

.content-nav { margin: 16px 0 0; padding: 16px 0 0; }
.content-nav__item > a { display: block; padding: 24px 8px; border: 2px solid #44a5cb; background-color: #fff; text-align: center; text-decoration: none; }
.content-nav__item > a i { font-size: 3rem; }
.content-nav__item > a p { margin: 8px 0 0; font-size: 1.6rem; font-weight: bold; }
.content-nav__item > a:hover { background-color: #44a5cb; color: #fff; }

.news { margin: 32px 0 0; }
.news__title { margin: 0 0 12px; font-size: 2rem; display: flex; align-items: center; }
.news__title .rss { margin: 0 0 0 1em; color: #f6ca06; font-size: 2.2rem; text-decoration: none; }
.news__title .rss:hover { color: #ddb605; }
.news__title:before, .news__title:after { content: ''; border-top: 1px solid #313131; flex-grow: 1; }
.news__title:before { margin-right: 2em; }
.news__title:after { margin-left: 2em; }

.news-entry > a { display: block; color: #313131; text-decoration: none; }
.news-entry > a:hover { color: #082491; opacity: .75; }
.news-entry__image { position: relative; height: 158px; overflow: hidden; background-size: cover; background-position: top center; }
.news-entry__date { color: #999; margin: 0 8px 0; font-weight: normal; font-size: 1.1rem; }
.news-entry__title { margin: 4px 8px 8px; font-weight: normal; font-size: 1.4rem; }

.movie-list { padding: 8px; border: 1px solid #ddd; box-shadow: inset 0 0 0 2px #fff; background-color: #e6ebef; }
.movie-list__title { padding: .5em 0; font-size: 2rem; text-align: center; }
.movie-list__title a { color: #313131; }

.movie-item { margin: 0 0 20px; }
.movie-item a { display: block; text-decoration: none; }
.movie-item a:hover { opacity: .75; }
.movie-item__image { position: relative; }
.movie-item__image:after { content: '\f04b'; font-family: 'webicon'; position: absolute; left: 50%; top: 50%; width: 36px; height: 36px; margin: -18px 0 0 -18px; padding: 4px 0 0 4px; border: 3px solid #fff; border-radius: 50%; background-color: #da6272; text-align: center; color: #fff; }
.movie-item__name { padding: .2em .5em; background-color: #000; color: #fff; font-size: 1.4rem; }
.movie-item__name i { font-size: 1rem; }

.tw-timeline { margin: 10px 0 0; }

.dm-informatino { position: relative; margin: 24px 0 0; padding: 8px 16px; border: 2px solid #44a5cb; box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2); background-color: #fff; }
.dm-informatino__title { display: -webkit-flex; /* Safari */ display: flex; padding: 0 0 .2em; border-bottom: 1px solid #ddd; font-size: 1.6rem; }
.dm-informatino__title i { margin: .2em .4em 0 0; color: #999; }
.dm-informatino__rss { position: absolute; right: 8px; top: 5px; }
.dm-informatino__rss a { color: #f6ca06; font-size: 2.2rem; text-decoration: none; }
.dm-informatino__rss a:hover { color: #ddb605; }

.dm-data { margin: 8px 0; }
.dm-data__title { font-size: 1.6rem; color: #44a5cb; }

.bnr-consultation { margin: 40px 0 0; }
.bnr-consultation a:hover { opacity: .75; }

.second-block { padding: 60px 0; background: url(../images/top/bg_information.jpg) no-repeat 0 0; background-size: cover; }

.topics { position: relative; }
.topics__title { display: block; background-color: #44a5cb; height: 48px; padding: 12px 0 0; text-align: center; font-size: 1.8rem; text-decoration: none; color: #fff; }
.topics__body { padding: 32px 40px 16px; background-color: rgba(255, 255, 255, 0.9); }
.topics__links { padding: 8px 0 0; text-align: right; }
.topics__links .more { color: #313131; }
.topics__links .more i { font-size: 1.1rem; color: #44a5cb; }
.topics__links .rss { margin: 0 0 0 1em; color: #f6ca06; font-size: 2.2rem; }

.information-item { padding: 0 0 .4em; border-bottom: 1px dashed #ccc; line-height: 1.2; }
.information-item:after { content: ""; display: block; clear: both; }
.information-item:not(:last-child) { margin: 0 0 .4em; }
.information-item__date { float: left; }
.information-item__title { padding: 0 0 0 8em; font-weight: normal; }

.banner { padding: 40px 0 0; }
.banner__list { text-align: center; }
.banner__list > li { display: inline-block; margin: 0 8px; }
.banner__list > li a:hover { opacity: .75; }

.customer_block { margin: 40px 0 0; padding: 20px; border: 1px solid #ddd; background-color: #fff; }
.customer_block__text { font-size: 2rem; font-weight: bold; }
.customer_block__st { color: #da6272; font-size: 3rem; }
.customer_block__update { margin-bottom: 20px; color: #999; font-weight: normal; font-size: 1.1rem; }

/*----------------------------------------------------
	media query
----------------------------------------------------*/
/* smart phone
-------------------------------------------------- */
@media only screen and (max-width: 589px) { 
    .first-block { background-size: 120% auto; padding: 32px 0 32px; }
/*  .txt-catchcopy { padding: 32px 5% 24px 60%; }*/
  .l-top-right { float: none; width: auto; }
  .l-top-left { float: none; width: auto; }
  .card-list { float: none; width: auto; margin: 0; }
  .card-item { width: 50%; }
  .card-item:nth-child(2n+1) { clear: left; }
  .subdivision__image { height: 100px; }
  .subdivision__image p { display: none; }
  .subdivision__detail { display: none; }
  .content-nav__item { width: auto; float: none; }
  .news-entry__image { height: 115px; }
  .movie-list { margin: 32px 0 0; padding: 0 4px; }
  .movie-list:after { content: ""; display: block; clear: both; }
  .movie-list__title { padding: .4em 0 0; font-size: 2rem; }
  .movie-item { float: left; width: 50%; margin: 0 0 5px; padding: 5px; }
  .tw-timeline { margin: 24px 0 0; }
  .dm-informatino { float: none; width: auto; margin: 32px 0 0; }
  .dm-informatino__title br { display: none; }
  .topics__title a { font-size: 1.6rem; }
  .topics__body { padding: 16px; }
  .information-item__date { float: none; }
  .information-item__title { padding: .2em 0 0; }
  .banner { padding: 32px 0; }
  .banner__list > li { max-width: 40%; margin: 4px 8px; } }
/* tablet
-------------------------------------------------- */
@media only screen and (min-width: 590px) and (max-width: 959px) { 
/*
    .txt-catchcopy { padding: 32px 0 32px 60%; }
*/
  .l-top-right { float: none !important; width: auto !important; }
  .l-top-left { float: none; width: auto; }
  .card-list { float: none; width: auto; margin: 0; }
  .subdivision__image { height: 120px; }
  .subdivision__image p { display: none; }
  .subdivision__detail { display: none; }
  .movie-list { margin: 32px 0 0; text-align: center; }
  .movie-list__title { padding: .4em 0 0; font-size: 2rem; }
  .movie-item { max-width: 330px; width: 45%; margin: 0; padding: 5px; display: inline-block; }
  .tw-timeline { margin: 24px 0 0; }
  .dm-informatino { float: none; width: auto; margin: 32px 0 0; }
  .dm-informatino__title br { display: none; } }
/* pc
-------------------------------------------------- */


/* 2025年6月　改修　おすすめ情報
-------------------------------------------------- */
.recommended {
  position: relative;
  overflow: hidden;
  height: 90vh;
}
.recommended ul {
  margin: 0;
  padding: 0;
}
.recommended li {
  list-style: none;
}
.recommended a {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 90vh;
  position: relative;
  margin: 0;
  text-decoration: none;
    display: block;

}
.recommended a.recommended_img {
  background-color: #fff;
}

.recommended_video .youtube-16x9 {
  height: 100%;
  padding-top: 0;
  overflow: hidden;
  pointer-events: none;
}

.recommended_video iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.recommended-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    background:rgba(0,0,0,0.5);
    padding: 1rem 5rem 7rem;
    font-size: 2rem;
    color: #fff;
}

.txt-catchcopy { position: relative; }
.txt-catchcopy_img{
    position: absolute;
    top: 10%;
    right: 15%;
    z-index: 1000;
}
.txt-catchcopy_img img {
    background: transparent;
    display: block;
}
@media only screen and (max-width: 589px) {
    .recommended a {
        height: 95vh
    }
    .txt-catchcopy_img{
        position: absolute;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);    }
}

/* bxSlider pager should not catch pointer events */
.bx-wrapper .bx-pager,
.bx-wrapper .bx-pager a {
    pointer-events: none;
}
.bx-controls-direction{
    display: flex;
    justify-content: space-between;
}
.bx-prev,
.bx-next {
    z-index: 100;
    bottom: 50vh;
    height: auto !important;
    padding: 1rem;
    background: rgba(0,0,0,0.5);
    color: #fff;
    display: flex;
}
.bx-prev {
    left: 0;
}
.bx-next {
    right: 0;
}
.bx-pager a {
    height: auto;
}
.bx-pager {
    position: absolute;
    bottom: 200px;
    z-index: 200;
    display: flex;
}
/*# sourceMappingURL=top.css.map */