@charset "utf-8";

/*///////////////////////////////////////

TOPページのCSS

--全ページ共通のCSSに追記分のみ

///////////////////////////////////////*/
/*メニューの位置調整*/
#top-head {z-index: 1000;}

/*動画上網点*/
#movie-cover {background: url(../img/movie-bg2.png);position: absolute;left: 0;top: 0;width: 100vw;height: 100vh;    z-index: 99;opacity: 0.5;}
@media screen and (max-width: 767px){/*スマホの場合は静止画を*/
    #tubular-container iframe {display: none;}
    #movie-cover {background:  url(../img/sp-header.svg)center 50% no-repeat;background-size: 60vw;opacity: 1.0;width: 100%;height: calc(100vh - 22px);} }
@media screen and (max-width: 450px){body{background-size: 30vw;}}

/* スマホのみフッター */
footer {display: none;}
@media (max-width: 767px) {
    body {position: relative;}
    footer a {position: relative;z-index: 999;}
    footer {    z-index: 99; display: block; background: #fff; color: #111; width: 100%;    margin-top: 0; border: none;}
    footer .footer--tel span {color:#F74F4C;}
    footer p.footer--txt {color:#F74F4C;width: 100%; max-width: 350px;margin-left:auto;margin-right:auto;}
    footer .footer--bnr { margin-top: 54px; margin-bottom: 28px;}
    footer .footer--bnr a span {display: block;text-align: center;font-size: 11px;}
    footer .footer--bnr a.fullbtn {text-align: center;padding: 8px 15px;width: 100%;margin-top: 16px;color: #F74F4C;background: none;border:#F74F4C solid 1px;}
    footer .footer--bnr a.halfbtn { padding: 8px 15px; width: 47.7%; display: inline-block; margin-right: 3%; color: #F74F4C; background: none; border: #F74F4C solid 1px;text-align: center;}
    footer .footer--bnr a.fullbtn:hover,footer .footer--bnr a.halfbtn:hover {color:#fff;background: #F74F4C; }
}


/* NEWS */
section.top--news {  position: absolute; display: block; bottom: 0; background:rgba(255, 255, 255, 0.6); width: 100%; z-index: 999; padding-bottom: 11px; padding-left: 38px;}
section.top--news article {display: table; height: 50px;width: 100%;}
section.top--news h3 {font-size: 22px; margin: 0; display: table-cell; vertical-align: middle;     width: 82px;}
section.top--news a { display: table-cell;vertical-align: middle;}
section.top--news dl {    margin-bottom: 0;}
section.top--news a dt { float: left; margin-right: 1em; color:#F74F4C;}
section.top--news a dd { font-size: 13px; float: left; color:#F74F4C;}
section.top--news p.pc-only-copy { text-align: right;  color: #f74c4c;font-size: 11px; margin-bottom: 0; display: table-cell; vertical-align: middle; padding-right: 30px;}
section.top--news a.top--news-more {display: none;}
@media (max-width: 999px) {
    section.top--news {}
    section.top--news article {display: block; height: auto;}
    section.top--news h3 {display: block; margin: 10px 0 5px;width: inherit;}
    section.top--news a { display: inline-block; width: 85%;}
    section.top--news dl {}
    section.top--news a dt {}
    section.top--news a dd { line-height: 27px;}
    section.top--news p.pc-only-copy {display: inline-block; width: 13%; padding-right: 15px;font-size: 12px;}
    }
@media (max-width: 767px) {
    section.top--news {
    position: relative;
    padding-top: calc(100vh - 10px);
    background: none;
    padding-right: 25px;
    padding-left: 25px;
    }
    section.top--news article {position: relative;padding-top: 18px;padding-bottom: 18px;}
    section.top--news article:before {content: "";width: 100%;background: #F74F4C;height: 1px;position: absolute;top: 8px;left:0;}
    section.top--news article:after {content: "";width: 100%;background: #F74F4C;height: 1px;position: absolute;bottom: 0;left:0;}
    section.top--news h3 {}
    section.top--news a {     width: 100%;}
    section.top--news dl {}
    section.top--news a dt {}
    section.top--news a dd {    padding-left: 79px; float: none; padding-top: 0.2em; }
    section.top--news p.pc-only-copy{display: none;}
    section.top--news a.top--news-more {display: block;padding: 8px 15px;text-align: center;letter-spacing: 0.2em;font-size: 15px;margin-top: 13px;}
}