@charset "UTF-8";
/* 20180321 */
@import "https://fonts.googleapis.com/earlyaccess/notosansjapanese.css";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/* ========================================================================== mar/pad ========================================================================== */
.mt--0 { margin-top: 0px !important; }

.mt--5 { margin-top: 5px !important; }

.mt--10 { margin-top: 10px !important; }

.mt--20 { margin-top: 20px !important; }

.mt--30 { margin-top: 30px !important; }

.mt--40 { margin-top: 40px !important; }

.mt--50 { margin-top: 50px !important; }

.mt--60 { margin-top: 60px !important; }

.mt--70 { margin-top: 70px !important; }

.mt--80 { margin-top: 80px !important; }

.mt--90 { margin-top: 90px !important; }

.mt--100 { margin-top: 100px !important; }

.mb--0 { margin-bottom: 0px !important; }

.mb--5 { margin-bottom: 5px !important; }

.mb--10 { margin-bottom: 10px !important; }

.mb--20 { margin-bottom: 20px !important; }

.mb--30 { margin-bottom: 30px !important; }

.mb--40 { margin-bottom: 40px !important; }

.mb--50 { margin-bottom: 50px !important; }

.mb--60 { margin-bottom: 60px !important; }

.mb--70 { margin-bottom: 70px !important; }

.mb--80 { margin-bottom: 80px !important; }

.mb--90 { margin-bottom: 90px !important; }

.mb--100 { margin-bottom: 100px !important; }

.mr--0 { margin-right: 0px !important; }

.mr--5 { margin-right: 5px !important; }

.mr--10 { margin-right: 10px !important; }

.mr--20 { margin-right: 20px !important; }

.mr--30 { margin-right: 30px !important; }

.mr--40 { margin-right: 40px !important; }

.mr--50 { margin-right: 50px !important; }

.mr--60 { margin-right: 60px !important; }

.mr--70 { margin-right: 70px !important; }

.mr--80 { margin-right: 80px !important; }

.mr--90 { margin-right: 90px !important; }

.mr--100 { margin-right: 100px !important; }

.ml--0 { margin-left: 0px !important; }

.ml--5 { margin-left: 5px !important; }

.ml--10 { margin-left: 10px !important; }

.ml--20 { margin-left: 20px !important; }

.ml--30 { margin-left: 30px !important; }

.ml--40 { margin-left: 40px !important; }

.ml--50 { margin-left: 50px !important; }

.ml--60 { margin-left: 60px !important; }

.ml--70 { margin-left: 70px !important; }

.ml--80 { margin-left: 80px !important; }

.ml--90 { margin-left: 90px !important; }

.ml--100 { margin-left: 100px !important; }

.pt--0 { padding-top: 0px !important; }

.pt--5 { padding-top: 5px !important; }

.pt--10 { padding-top: 10px !important; }

.pt--15 { padding-top: 15px !important; }

.pt--20 { padding-top: 20px !important; }

.pt--30 { padding-top: 30px !important; }

.pt--40 { padding-top: 40px !important; }

.pt--50 { padding-top: 50px !important; }

.pt--60 { padding-top: 60px !important; }

.pt--70 { padding-top: 70px !important; }

.pt--80 { padding-top: 80px !important; }

.pt--90 { padding-top: 90px !important; }

.pt--100 { padding-top: 100px !important; }

.pb--0 { padding-bottom: 0px !important; }

.pb--5 { padding-bottom: 5px !important; }

.pb--10 { padding-bottom: 10px !important; }

.pb--20 { padding-bottom: 20px !important; }

.pb--30 { padding-bottom: 30px !important; }

.pb--40 { padding-bottom: 40px !important; }

.pb--50 { padding-bottom: 50px !important; }

.pb--60 { padding-bottom: 60px !important; }

.pb--70 { padding-bottom: 70px !important; }

.pb--80 { padding-bottom: 80px !important; }

.pb--90 { padding-bottom: 90px !important; }

.pb--100 { padding-bottom: 100px !important; }

.pr--0 { padding-right: 0px !important; }

.pr--5 { padding-right: 5px !important; }

.pr--10 { padding-right: 10px !important; }

.pr--20 { padding-right: 20px !important; }

.pr--30 { padding-right: 30px !important; }

.pr--40 { padding-right: 40px !important; }

.pr--50 { padding-right: 50px !important; }

.pr--60 { padding-right: 60px !important; }

.pr--70 { padding-right: 70px !important; }

.pr--80 { padding-right: 80px !important; }

.pr--90 { padding-right: 90px !important; }

.pr--100 { padding-right: 100px !important; }

.pl--0 { padding-left: 0px !important; }

.pl--5 { padding-left: 5px !important; }

.pl--10 { padding-left: 10px !important; }

.pl--20 { padding-left: 20px !important; }

.pl--30 { padding-left: 30px !important; }

.pl--40 { padding-left: 40px !important; }

.pl--50 { padding-left: 50px !important; }

.pl--60 { padding-left: 60px !important; }

.pl--70 { padding-left: 70px !important; }

.pl--80 { padding-left: 80px !important; }

.pl--90 { padding-left: 90px !important; }

.pl--100 { padding-left: 100px !important; }

footer { width: 100%; height: auto; margin: 0 auto; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: block; position: relative; background: #000; }
@media screen and (max-width: 768px) { footer { padding-bottom: 80px; } }
footer .footerMenu { width: 100%; height: auto; margin: 0 auto; padding: 30px 0 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: block; text-align: center; }
footer .footerMenu li { width: auto; height: auto; margin: 0; padding: 5px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: inline-block; position: relative; }
footer .footerMenu li a { width: auto; height: auto; margin: 0 auto; padding: 0 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; font-size: 14px; color: #fff; text-decoration: none; border-right: 1px solid #fff; }
footer .footerMenu li:last-child a { border: none; }
footer .copyright { width: 100%; height: 50px; margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: block; font-size: 14px; background: #333; text-align: center; color: #fff; font-size: 0.8em; text-align: center; line-height: 50px; }
@media screen and (max-width: 768px) { footer .copyright { line-height: 1.1; padding: 0 15px; } }

#toTop { position: fixed; z-index: 10001; right: 0; bottom: 77px; width: 70px; height: 70px; background-color: rgba(184, 13, 0, 0.65); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

#toTop.hidden { right: -70px; }

/* ##############################################################
#    #fixedNav
############################################################## */
#fixedNav { position: fixed; z-index: 10001; right: 0; bottom: 0; padding-right: 12px; font-size: 0; background-color: #fff; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.5); -webkit-transform: scale(0.75); transform: scale(0.75); -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; line-height: 0; }
#fixedNav .fixedNav_banner { display: none; }

#fixedNav.hidden { right: -700px; }

#fixedNav li { display: inline-block; vertical-align: middle; font-size: 12px; }

#fixedNav li:nth-child(2) { margin-left: 24px; }

#fixedNav li:nth-child(3) { margin-left: 34px; }

#fixedNav li:nth-child(4) { margin-left: 19px; }

#fixedNav li:nth-child(5) { margin-left: 10px; }

@media screen and (max-width: 768px) {   /* ##############################################################
#    #fixedNav
############################################################## */
  #fixedNav { position: fixed; right: 0; bottom: 0; padding-right: 0; -webkit-transform: scale(1); transform: scale(1); display: table; table-layout: fixed; width: 100%; }
  #fixedNav .fixedNav_banner, #fixedNav .fixedNav_list { display: table-cell; vertical-align: top; }
  #fixedNav .fixedNav_banner { width: 30%; }
  #fixedNav .fixedNav_list { width: 80%; }
  #fixedNav.hidden { right: 0; bottom: -100px; }
  #fixedNav li:nth-child(1) { display: block; width: 100%; }
  #fixedNav li:nth-child(2) { width: 18%; margin-left: 3.75%; }
  #fixedNav li:nth-child(3) { width: 14%; margin-left: 5.31%; }
  #fixedNav li:nth-child(4) { width: 24%; margin-left: 5%; }
  #fixedNav li:nth-child(5) { width: 20%; margin-left: 5%; }
  #fixedNav img { max-width: 100%; width: 100%; height: auto; } }
.page-place .place-text a { color: #00b894; opacity: 1; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; }
.page-place .place-text a:hover { opacity: 0.7; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; }
.page-place header { padding: 0; background-color: #fff; }
.page-place header .mv { position: relative; }
.page-place header .mv .mv-inner { width: 100%; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; padding: 0 20px; }
@media screen and (max-width: 930px) { .page-place header .mv .mv-inner { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } }
@media screen and (max-width: 768px) { .page-place header .mv .mv-inner { padding: 0; } }
.page-place header .mv .text { padding: 0; font-size: 40px; letter-spacing: 0.4rem; color: #fff; }
@media screen and (max-width: 768px) { .page-place header .mv .text { display: none; } }
.page-place header .mv .img { line-height: 0; }
.page-place header .mv .img img { width: 100%; height: auto; }
.page-place header .back { background-color: #e4f7f3; border-bottom: 1px solid #00b089; padding: 10px 20px; }
@media screen and (max-width: 768px) { .page-place header .back { padding: 10px 3.90625vw; } }
.page-place header .back .arrow { margin-right: 0.2rem; }
.page-place header .back a { font-size: 19px; letter-spacing: 0.1rem; opacity: 1; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; }
.page-place header .back a:hover { opacity: 0.7; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; }
.page-place footer { margin-top: 50px; text-align: center; }
@media screen and (max-width: 768px) { .page-place footer { margin-top: 11.71875vw; } }
.page-place footer .banners { letter-spacing: -6px; font-size: 0; }
@media screen and (max-width: 768px) { .page-place footer .banners { padding-top: 15px; } }
.page-place footer .banners a { display: inline-block; cursor: pointer; margin: 0 5px; opacity: 1; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; }
.page-place footer .banners a:hover { opacity: 0.7; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; }
@media screen and (max-width: 768px) { .page-place footer .banners a { width: 22.5%; } }
.page-place footer .banners img { width: 100%; height: auto; }
.page-place footer.footer p { margin-bottom: 75px; }
@media screen and (max-width: 768px) { .page-place footer.footer p { padding: 15px 0 !important; letter-spacing: -0.01rem; margin-bottom: 0px; } }
.page-place section { margin-top: 50px; padding: 0 20px; }
@media screen and (max-width: 768px) { .page-place section { padding: 0 3.90625vw; margin-top: 7.8125vw; } }
.page-place .place-inner { max-width: 900px; margin: 0 auto; }
.page-place .place-head { background-color: #00b089; color: #fff; padding: 10px 25px; margin-bottom: 35px; border-radius: 5px; font-size: 30px; }
@media screen and (max-width: 768px) { .page-place .place-head { padding: 1.30208vw 3.25521vw; margin-bottom: 6.51042vw; font-size: 4.16667vw; } }
@media screen and (max-width: 375px) { .page-place .place-head { font-size: 5.86667vw; } }
.page-place .place-head span { display: inline-block; vertical-align: middle; margin-left: 10px; }
.page-place .place-head:before { content: ''; display: inline-block; vertical-align: middle; width: 43px; height: 36px; background-image: url("../images/place/icon_head.png"); background-repeat: no-repeat; }
@media screen and (max-width: 768px) { .page-place .place-head:before { width: 5.59896vw; height: 4.6875vw; background-size: contain; } }
.page-place .place-note { color: #bd272d; font-size: 18px; font-weight: 700; text-align: right; margin-top: 35px; line-height: 2; }
@media screen and (max-width: 768px) { .page-place .place-note { text-align: left; text-indent: -0.8rem; padding-left: 0.8rem; font-size: 3.125vw; margin-top: 2.60417vw; } }
@media screen and (max-width: 375px) { .page-place .place-note { font-size: 4.26667vw; margin-top: 2.60417vw; } }
.page-place .place-jockey { margin: 0 -4px; }
.page-place .place-jockey img { width: 100%; height: auto; }
.page-place .place-course { display: table; table-layout: fixed; }
@media screen and (max-width: 768px) { .page-place .place-course { display: block; } }
.page-place .place-course > div { display: table-cell; vertical-align: top; }
@media screen and (max-width: 768px) { .page-place .place-course > div { display: block; } }
.page-place .place-course .left { width: 49.444444444444%; padding: 0px 10px 0px 10px; }
@media screen and (max-width: 768px) { .page-place .place-course .left { width: auto; } }
.page-place .place-course .right { width: auto; font-weight: 700; font-size: 17px; line-height: 2; }
@media screen and (max-width: 768px) { .page-place .place-course .right { margin-top: 10.41667vw; font-size: 3.25521vw; } }
@media screen and (max-width: 375px) { .page-place .place-course .right { font-size: 4.26667vw; } }
.page-place .place-course img { width: 100%; height: auto; }

.box { background: url(../../_assets/images/race/main_bg.jpg); }

.page-race span.roman { letter-spacing: -0.14rem; padding-right: 0.14rem; font-family: 'メイリオ',Meiryo,meiryo,sans-serif; }
@media screen and (max-width: 768px) { .page-race span.roman { letter-spacing: 0; padding-right: 0; } }
.page-race .race-tab { margin-bottom: 60px; }
@media screen and (max-width: 768px) { .page-race .race-tab { margin-bottom: 0; } }
.page-race .race-tab .race-tab-buttons { display: table; table-layout: fixed; }
@media screen and (max-width: 768px) { .page-race .race-tab .race-tab-buttons { display: block; text-align: center; } }
.page-race .race-tab .race-tab-button { display: table-cell; vertical-align: middle; cursor: pointer; }
@media screen and (max-width: 768px) { .page-race .race-tab .race-tab-button { display: inline-block; } }
.page-race .race-tab .race-tab-button.col-2 { width: 50%; }
@media screen and (max-width: 768px) { .page-race .race-tab .race-tab-button.col-2 { width: 49%; } }
.page-race .race-tab .race-tab-button.col-3 { width: 33.33%; }
@media screen and (max-width: 768px) { .page-race .race-tab .race-tab-button.col-3 { width: 49%; } }
.page-race .race-tab img { max-width: 100%; height: auto; }
.page-race header { padding: 0; background-color: #fff; min-height: 0; }
.page-race header .mv { position: relative; }
.page-race header .mv .mv-inner { width: 100%; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; padding: 0 20px; }
@media screen and (max-width: 930px) { .page-race header .mv .mv-inner { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } }
@media screen and (max-width: 768px) { .page-race header .mv .mv-inner { padding: 0; } }
.page-race header .mv .text { max-width: 900px; width: 100%; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media screen and (max-width: 940px) { .page-race header .mv .text { padding: 0 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } }
@media screen and (max-width: 768px) { .page-race header .mv .text { padding: 0; } }
.page-race header .mv .text img { max-width: 100%; height: auto; }
@media screen and (max-width: 1500px) { .page-race header .mv .text img { max-width: 60vw; } }
@media screen and (max-width: 768px) { .page-race header .mv .text img { max-width: 100%; } }
.page-race header .mv .img { line-height: 0; }
.page-race header .mv .img img { width: 100%; height: auto; }
.page-race header .back { background-color: #fff; padding: 10px 20px; }
@media screen and (max-width: 768px) { .page-race header .back { padding: 0.65104vw 3.90625vw; } }
.page-race header .back .arrow { margin-right: 0.2rem; }
.page-race header .back a { font-size: 19px; letter-spacing: 0.1rem; opacity: 1; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; }
.page-race header .back a:hover { opacity: 0.7; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; }
.page-race footer { text-align: center; }
@media screen and (max-width: 768px) { .page-race footer { margin-top: 0; } }
.page-race footer .banners { letter-spacing: -6px; font-size: 0; }
@media screen and (max-width: 768px) { .page-race footer .banners { padding-top: 0; } }
.page-race footer .banners a { display: inline-block; cursor: pointer; margin: 0 5px; opacity: 1; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; }
.page-race footer .banners a:hover { opacity: 0.7; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; }
@media screen and (max-width: 768px) { .page-race footer .banners a { width: 22.5%; } }
.page-race footer .banners img { width: 100%; height: auto; }
.page-race footer.footer p { margin-bottom: 75px; }
@media screen and (max-width: 768px) { .page-race footer.footer p { padding: 15px 0 !important; letter-spacing: -0.01rem; margin-bottom: 0px; } }
.page-race section.orange1 { padding: 0 20px; padding-top: 70px; padding-bottom: 40px; background-color: rgba(255, 229, 84, 0.14); }
@media screen and (max-width: 768px) { .page-race section.orange1 { padding: 6.51042vw 2.60417vw 1.30208vw; margin-top: 0; } }
@media screen and (max-width: 768px) { .page-race section.orange1-2 { background-color: rgba(255, 229, 84, 0.14); padding: 1px; margin-top: 0; } }
.page-race section.orange1-3 { padding: 0 20px; padding-top: 1px; padding-bottom: 90px; background-color: rgba(255, 229, 84, 0.14); }
@media screen and (max-width: 768px) { .page-race section.orange1-3 { padding: 3.90625vw 3.90625vw 5.20833vw; margin-top: 0; } }
.page-race section.orange2 { padding: 0 20px; padding-top: 30px; padding-bottom: 1px; background-color: rgba(255, 229, 84, 0.14); }
@media screen and (max-width: 768px) { .page-race section.orange2 { padding: 1.95313vw 3.90625vw; margin-top: 0; } }
.page-race section.orange2-2 { padding: 0 20px; padding-top: 1px; padding-bottom: 40px; background-color: rgba(255, 229, 84, 0.14); }
@media screen and (max-width: 768px) { .page-race section.orange2-2 { background-color: rgba(255, 229, 84, 0.14); padding: 1px; margin-top: 0; } }
.page-race section.orange-bottom { padding: 0 20px; padding-top: 20px; background-color: #e58b49; }
@media screen and (max-width: 768px) { .page-race section.orange-bottom { background-color: #e58b49; padding: 5px; margin-top: 0; } }
.page-race section.white1 { padding: 0 20px; padding-top: 30px; padding-bottom: 40px; }
@media screen and (max-width: 768px) { .page-race section.white1 { padding: 6.51042vw 3.90625vw 3.90625vw; margin-top: 0; } }
.page-race section.white1-2 { padding: 0 20px; padding-top: 30px; padding-bottom: 5px; }
@media screen and (max-width: 768px) { .page-race section.white1-2 { padding: 1px; margin-top: 0; } }
.page-race section.white1-3 { padding: 0 20px; padding-top: 20px; padding-bottom: 100px; }
@media screen and (max-width: 768px) { .page-race section.white1-3 { padding: 1.95313vw 3.90625vw 7.8125vw; margin-top: 0; } }
.page-race section.white2 { background-color: #fff; padding-top: 0px; margin-bottom: -100px; position: relative; }
@media screen and (max-width: 768px) { .page-race section.white2 { margin-bottom: 0; padding: 0; margin-top: 0; } }
.page-race .race-inner { max-width: 900px; margin: 0 auto; }
@media screen and (max-width: 768px) { .page-race .race-inner { padding: 0 !important; } }
.page-race .race-inner-hoso { max-width: 900px; margin: 0 auto; padding: 0 170px; }
@media screen and (max-width: 768px) { .page-race .race-inner-hoso { padding: 0 !important; } }
.page-race .race-inner-top { max-width: 900px; margin: 0 auto; }
@media screen and (max-width: 768px) { .page-race .race-inner-top { padding: 0 !important; } }
.page-race .race-inner-hosotable-left { max-width: 1000px; margin: 0 auto; padding-right: 110px; }
@media screen and (max-width: 768px) { .page-race .race-inner-hosotable-left { padding-right: 0; } }
.page-race .race-inner-hosotable-right { max-width: 1000px; margin: 0 auto; padding-left: 110px; }
@media screen and (max-width: 768px) { .page-race .race-inner-hosotable-right { padding-left: 0; } }
.page-race .matome { background: #ffe800; width: 100%; display: block; text-align: center; position: relative; padding: 20px 0 20px 0; }
.page-race .matome img { padding: 0px 470px 0 20px; }
@media screen and (max-width: 768px) { .page-race .matome { padding: 5px 0 5px 0; }
  .page-race .matome img { width: 100%; } }
.page-race .matome:after { content: ""; position: absolute; border-left: 42px solid transparent; border-right: 42px solid transparent; border-top: 42px solid #ffe800; bottom: -42px; left: 50%; margin-left: -42px; }
@media screen and (max-width: 768px) { .page-race .matome:after { content: ""; position: absolute; border-left: 22px solid transparent; border-right: 22px solid transparent; border-top: 22px solid #ffe800; bottom: -22px; left: 50%; margin-left: -42px; } }
.page-race .race-matome1 img { width: 100%; }
.page-race .race-matome2 { padding-top: 30px; position: relative; max-width: 900px; margin: 0 auto; line-height: 0; top: -80px; }
.page-race .race-matome2 img { width: 100%; }
@media screen and (max-width: 768px) { .page-race .race-matome2 { padding-top: 10px; top: 0; } }
.page-race .race-matome-text1 { position: absolute; top: 35px; left: 370px; }
.page-race .race-matome-text1 img { width: 100%; }
@media screen and (max-width: 1280px) { .page-race .race-matome-text1 { width: 49.21875%; top: 39.0625%; left: 0.78125%; } }
@media screen and (max-width: 768px) { .page-race .race-matome-text1 { width: 100%; top: 1.5625%; left: 1.5625%; } }
.page-race .race-matome-text2 { position: absolute; top: 39.0625%; left: 0.78125%; }
.page-race .race-matome-text2 img { width: 100%; }
@media screen and (max-width: 1280px) { .page-race .race-matome-text2 { width: 61.71875%; top: 39.0625%; left: -3.90625%; padding-left: 50px; } }
@media screen and (max-width: 768px) { .page-race .race-matome-text2 { width: 100%; top: 20.3125%; left: 4.6875%; padding-left: 0; } }
.page-race .race-head { margin-bottom: 80px; }
.page-race .race-head img { width: 100%; }
@media screen and (max-width: 768px) { .page-race .race-head { margin: 0  0 10px 0; } }
.page-race .race-table-s { margin: 70px 100px 15px 100px; }
.page-race .race-table-s img { width: 100%; }
@media screen and (max-width: 768px) { .page-race .race-table-s { margin: 20px 0 5px 0; } }
.page-race .race-hosotable1 { margin: 80px 0 50px 0; }
.page-race .race-hosotable1 img { width: 100%; }
@media screen and (max-width: 768px) { .page-race .race-hosotable1 { margin: 20px 0 15px 0; } }
.page-race .race-hosotable2 { margin: 60px 0 60px 0; }
.page-race .race-hosotable2 img { width: 100%; }
@media screen and (max-width: 768px) { .page-race .race-hosotable2 { margin: 20px 0 10px 0; } }
.page-race .race-hoso1 img { width: 100%; }
@media screen and (max-width: 768px) { .page-race .race-hoso1 { margin-bottom: 10px; } }
.page-race .race-hoso2 { margin: 20px 0 50px 0; }
.page-race .race-hoso2 img { width: 100%; }
@media screen and (max-width: 768px) { .page-race .race-hoso2 { margin: 0 0 15px 0; } }
.page-race .race-hoso3 { margin: 35px 0 80px 0; }
.page-race .race-hoso3 img { width: 100%; }
@media screen and (max-width: 768px) { .page-race .race-hoso3 { margin: 0px 0 45px 0; } }
.page-race .race-note { color: #000; font-size: 20px; font-weight: 400; text-align: left; margin-top: 35px; line-height: 2; }
@media screen and (max-width: 768px) { .page-race .race-note { text-align: left; text-indent: 0; padding-left: 3px; font-size: 3.125vw; margin-top: 0; } }
@media screen and (max-width: 375px) { .page-race .race-note { font-size: 3.46667vw; margin-top: 0; } }
.page-race .race-course { display: table; table-layout: fixed; }
@media screen and (max-width: 768px) { .page-race .race-course { display: block; } }
.page-race .race-course > div { display: table-cell; vertical-align: top; }
@media screen and (max-width: 768px) { .page-race .race-course > div { display: block; } }
.page-race .race-course .left { width: 49.444444444444%; padding: 0px 10px 0px 10px; }
@media screen and (max-width: 768px) { .page-race .race-course .left { width: auto; } }
.page-race .race-course .right { width: auto; font-weight: 700; font-size: 17px; line-height: 2; }
@media screen and (max-width: 768px) { .page-race .race-course .right { margin-top: 10.41667vw; font-size: 3.25521vw; } }
@media screen and (max-width: 375px) { .page-race .race-course .right { font-size: 4.26667vw; } }
.page-race .race-course img { width: 100%; height: auto; }

body { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif; font-weight: 700; font-size: 16px; line-height: 1.5; color: #333; }

#wrapper { overflow: hidden; }

.display_pc_block { display: block !important; }
@media screen and (max-width: 768px) { .display_pc_block { display: none !important; } }

.display_pc_inline-block { display: inline-block !important; }
@media screen and (max-width: 768px) { .display_pc_inline-block { display: none !important; } }

.display_sp_block { display: none !important; }
@media screen and (max-width: 768px) { .display_sp_block { display: block !important; } }

.display_sp_inline-block { display: none !important; }
@media screen and (max-width: 768px) { .display_sp_inline-block { display: inline-block !important; } }

.anime_fade { opacity: 0; }

.inner { position: relative; max-width: 1280px; width: 100%; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

li { display: inline-block; }

a { color: #333; text-decoration: none; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
a:hover { text-decoration: none; }

a.hoveropacity:hover { text-decoration: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }

br.tiny { display: none; }
@media screen and (max-width: 320px) { br.tiny { display: block; } }

.title { width: 100%; display: block; text-align: center; position: relative; }
.title h2 { display: block; vertical-align: middle; font-size: 70px; line-height: 1; padding: 0.5em 0; color: #fff; z-index: 2; position: relative; }
@media screen and (max-width: 768px) { .title h2 { font-size: 6vw; } }

.playmark { position: absolute; top: 50%; left: 50%; z-index: 10; margin-top: -84px; margin-left: -84px; -moz-transform-origin: center 50%; -ms-transform-origin: center 50%; -webkit-transform-origin: center 50%; transform-origin: center 50%; }
@media screen and (max-width: 768px) { .playmark { -moz-transform: scale(0.6, 0.6); -ms-transform: scale(0.6, 0.6); -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); } }
.playmark a { display: block; -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.playmark a:hover { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); }
.playmark a:focus { outline: none; }

.sp_banner { display: none; }
@media screen and (max-width: 768px) { .sp_banner { display: block; } }
.sp_banner a { display: block; height: 53px; }
.sp_banner a img { height: 53px; width: auto; }

/* header */
header { position: relative; z-index: 1; width: 100%; min-height: 100%; margin: 0; padding: 0; background-color: #000; padding-bottom: 90px; }
@media screen and (max-width: 1280px) { header { padding-bottom: 7.03125vw; } }
@media screen and (max-width: 768px) { header { padding-bottom: 0; background-image: none; } }
header .overlay { width: 100%; height: 100%; background-color: #000; position: absolute; top: 0; left: 0; }
header h1 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; padding-top: 54px; }
header h1 img { max-width: 100%; height: auto; }
@media screen and (max-width: 1280px) { header h1 { padding-left: 15px; width: 37%; height: auto; } }
@media screen and (max-width: 768px) { header h1 { padding-top: 27px; width: 60%; height: auto; padding-left: 15px; } }
header section.top { height: auto; position: relative; }
@media screen and (max-width: 768px) { header section.top { display: none; } }
header section.top .top_bg img { position: absolute; top: 0; left: 0; width: 100%; }
header section.top .top_bg .overlay { background-color: #000; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; }
header section.top .inner { max-width: initial; }
header section.top .inner:before { content: ''; display: block; width: 100%; padding-top: 40%; }
header section.top p.read { width: 100%; height: 100%; position: absolute; top: 0; right: 0; opacity: 0; }
header section.top p.read img { width: 100%; }
header section.top .left_banner, header section.top .right_banner { position: absolute; line-height: 0; z-index: 20; opacity: 0; }
header section.top .left_banner img, header section.top .right_banner img { max-width: 100%; height: auto; }
header section.top .left_banner2 { position: absolute; line-height: 0; z-index: 30; opacity: 0; }
header section.top .left_banner2 img { max-width: 100%; height: auto; }
header section.top .left_banner2 { left: 323px; bottom: 15px; }
@media screen and (max-width: 1280px) { header section.top .left_banner2 { width: 17.1875vw; left: 21.875vw; bottom: 15px; } }
@media screen and (max-width: 768px) { header section.top .left_banner2 { left: 188px; bottom: 15px; } }
header section.top .left_banner { position: absolute; right: 17.1875%; bottom: 2.5974%; width: 11.45833vw; }
header section.top .right_banner { right: 0; bottom: 0; }
@media screen and (max-width: 1280px) { header section.top .right_banner { width: 17.57813vw; } }
header section.sp_top { display: none; }
@media screen and (max-width: 768px) { header section.sp_top { display: block; position: relative; line-height: 0; }
  header section.sp_top img { width: 100%; height: auto; }
  header section.sp_top .sp_top_bg { position: relative; }
  header section.sp_top .sp_top_bg:before { content: ''; display: block; width: 100%; padding-top: 175%; }
  header section.sp_top .sp_top_bg img { position: absolute; top: 0; left: 0; width: 100%; }
  header section.sp_top .sp_top_bg .bg_01 { z-index: 2; opacity: 0; }
  header section.sp_top .sp_top_bg .bg_02 { z-index: 1; }
  header section.sp_top .sp_top_bg .overlay { background-color: #000; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; }
  header section.sp_top .sp_top_inner { position: absolute; top: 0; left: 0; width: 100%; z-index: 5; }
  header section.sp_top .sp_top_inner:before { content: ''; display: block; width: 100%; padding-top: 136.99219%; }
  header section.sp_top .sp_top_inner2 { margin: 22px auto 0; display: block; width: 81.25%; line-height: 0; }
  header section.sp_top .sp_top_banner { margin: 0 auto 0; display: block; width: 82.03125%; line-height: 0; }
  header section.sp_top .sp_top_button1 { display: block; width: 96%; line-height: 0; margin: 0 auto 0; }
  header section.sp_top .sp_top_button2 { margin: 18px auto 0; display: block; width: 78.125%; line-height: 0; }
  header section.sp_top .sp_top_button3 { margin: 3.90625vw auto 0; display: block; width: 40.625%; line-height: 0; } }
header .box1 { display: table-cell; vertical-align: top; }
header .box2 { display: table-cell; vertical-align: top; }
header .sns { position: absolute; left: 10px; top: 10px; z-index: 999; }
@media screen and (max-width: 768px) { header .sns { left: auto; right: 10px; } }
header .sns li { margin-right: 10px; }
header .sns li a { display: block; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
header .sns li a:hover { -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }

.banner { position: absolute; right: 27px; top: 0; z-index: 9999; }
@media screen and (max-width: 768px) { .banner { display: none; } }
.banner a { display: block; line-height: 0; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.banner a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }

main { position: relative; z-index: 100; }

/* nav */
nav { width: 100%; background-image: url("../images/link_bg.png"); position: relative; z-index: 90; height: 90px; position: absolute; bottom: 0; left: 0; }
@media screen and (max-width: 1280px) { nav { height: 7.03125vw; } }
@media screen and (max-width: 768px) { nav { background-image: none; position: static; height: auto; } }
nav ul.pc { display: table; height: 100%; }
@media screen and (max-width: 768px) { nav ul.pc { display: none; } }
nav ul.pc img.white { position: absolute; top: 0; left: 0; opacity: 0; }
nav ul.sp { display: none; background-color: #f3d539; font-size: 0; }
@media screen and (max-width: 768px) { nav ul.sp { display: block; } }
nav ul { display: table; table-layout: fixed; border-right: solid 1px #fff; }
@media screen and (max-width: 1280px) { nav ul { border-right: none; } }
@media screen and (max-width: 768px) { nav ul { display: block; letter-spacing: -6px; background-color: #ebcc29; } }
nav ul li { width: 25%; padding: 0; border-left: solid 1px #fff; display: table-cell !important; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
nav ul li img { width: 100%; }
@media screen and (max-width: 1280px) { nav ul li:first-child { border-left: none; } }
@media screen and (max-width: 768px) { nav ul li { display: inline-block !important; width: 33.33%; letter-spacing: normal; background-image: url("../images/link_bg.png"); background-size: auto 100%; vertical-align: top !important; }
  nav ul li:nth-child(4n) { border-left: none; } }
nav ul li a { font-size: 20px; display: block; text-align: center; color: #fff; line-height: 17px; line-height: 1.3; height: 100%; position: relative; }
@media screen and (max-width: 768px) { nav ul li a { font-size: 4.125vw; line-height: 1.3; padding: 12px 0; } }
nav ul li a span { display: inline-block; position: relative; vertical-align: middle; line-height: 1; position: absolute; width: 100%; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media screen and (max-width: 768px) { nav ul li a span { position: static; top: 0; left: 0; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
nav ul li a span:after { position: relative; content: ""; font-family: FontAwesome; font-size: 28px; display: block; line-height: 0; margin-top: 15px; }
@media screen and (max-width: 1280px) { nav ul li a span:after { font-size: 2.1875vw; margin-top: 1.17188vw; } }
@media screen and (max-width: 768px) { nav ul li a span:after { font-size: 3.125vw; margin-top: 1.5625vw; line-height: 0; } }
nav ul li a img.black { opacity: 1; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
nav ul li a img.white { opacity: 0; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
nav ul li a:hover { color: #fff; }
@media screen and (max-width: 768px) { nav ul li a:hover { color: #fff; } }
nav ul li a:hover img.black { opacity: 0; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
nav ul li a:hover img.white { opacity: 1; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
@media screen and (max-width: 768px) { nav img { width: 100%; height: auto; } }

/* premium */
section.premium { background: url("../images/premium_bg.jpg") center bottom no-repeat; background-position: top center; background-size: cover; margin: 0 auto; padding: 70px 0 35px; }
@media screen and (max-width: 1280px) { section.premium { padding: 70px 20px 20px; } }
@media screen and (max-width: 768px) { section.premium { background: url("../images/sp_premium_bg.jpg") center bottom no-repeat; background-position: top center; background-size: cover; padding: 12.5vw 0 7.8125vw; } }
section.premium .premium_inner { max-width: 1280px; margin: 0 auto; }
section.premium h2 { padding-bottom: 30px; }
@media screen and (max-width: 768px) { section.premium h2 { padding: 0; margin-bottom: 4.6875vw; } }
section.premium img { width: 100%; }
@media screen and (max-width: 768px) { section.premium .lead { font-size: 4.0625vw; font-weight: 700; text-align: center; line-height: 1.7; padding: 0; margin-bottom: 7.8125vw; } }
section.premium .calender { margin-bottom: 30px; }
@media screen and (max-width: 768px) { section.premium .calender { margin-bottom: 3.125vw; } }
section.premium .hosozyun { margin: 40px 0 30px; display: block; position: relative; }
section.premium .hosozyun .hosozyun_balloon, section.premium .hosozyun .hosozyun_face, section.premium .hosozyun .hosozyun_hand { position: absolute; z-index: 10; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
section.premium .hosozyun .hosozyun_balloon { width: 15.68477%; top: -20%; left: -1%; }
@media screen and (max-width: 768px) { section.premium .hosozyun .hosozyun_balloon { width: 30.16667%; top: -15%; left: 0%; } }
section.premium .hosozyun .hosozyun_face { width: 12.62433%; top: -14%; right: -3%; }
@media screen and (max-width: 768px) { section.premium .hosozyun .hosozyun_face { width: 20.16667%; top: -24%; right: -1%; } }
section.premium .hosozyun .hosozyun_hand { width: 6.42693%; top: 58%; right: 8%; }
@media screen and (max-width: 768px) { section.premium .hosozyun .hosozyun_hand { width: 10.33333%; top: 14%; right: 16%; } }
section.premium .hosozyun .hosozyun_button { width: 100%; }
@media screen and (max-width: 768px) { section.premium .hosozyun { display: block; width: 93.75vw; margin: 9.375vw auto 1.5625vw; } }
section.premium .hosozyun img { max-width: 100%; height: auto; }
section.premium .place { text-align: center; display: block; width: 406px; margin: 0 auto; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
section.premium .place:hover { opacity: 0.7 !important; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
@media screen and (max-width: 1280px) { section.premium .place { width: 31.71875vw; } }
@media screen and (max-width: 768px) { section.premium .place { margin-top: 4.6875vw; display: block; width: 64.84375vw; margin: 0 auto; } }
section.premium .tpremium_area { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-start; align-items: flex-start; }
@media screen and (max-width: 768px) { section.premium .tpremium_area { display: block; } }

/* try */
section.try { background: url("../images/try_bg.jpg") center bottom no-repeat; background-position: top center; background-size: cover; margin: 0 auto; line-height: 0; padding: 70px 0 35px; }
@media screen and (max-width: 1280px) { section.try { padding: 100px 20px; } }
@media screen and (max-width: 768px) { section.try { padding: 10px 8px; padding-bottom: 30px; } }
section.try .try_inner { max-width: 1280px; margin: 0 auto; position: relative; padding-bottom: 55px; }
@media screen and (max-width: 768px) { section.try .try_inner { padding-bottom: 20px; } }
section.try .try_inner h2 { text-align: center; width: 100%; padding: 10px 350px; line-height: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 1280px) { section.try .try_inner h2 { padding: 10px 250px; } }
@media screen and (max-width: 768px) { section.try .try_inner h2 { padding: 0; } }
section.try .try_inner h3 { text-align: center; width: 100%; padding: 0 80px 20px; line-height: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 1280px) { section.try .try_inner h3 { padding: 10px 50px; } }
@media screen and (max-width: 768px) { section.try .try_inner h3 { padding: 0; } }
section.try img { width: 100%; }
@media screen and (max-width: 768px) { section.try img { padding-top: 18px; } }
section.try .lead { color: #fff; text-align: center; font-size: 24px; line-height: 1.6; padding-top: 20px; font-weight: 300; }
@media screen and (max-width: 768px) { section.try .lead { font-size: 3.90625vw; font-weight: 700; text-align: center; line-height: 1.7; } }
section.try .lead .hosozyun_face { position: absolute; width: 12.08875%; top: 46%; right: 1%; }
section.try .lead .hosozyun_hand { position: absolute; width: 6.57995%; top: 70%; right: 12%; }
@media screen and (max-width: 1280px) { section.try .lead .hosozyun_hand { top: 67%; right: 12%; } }
@media screen and (max-width: 1000px) { section.try .lead .hosozyun_hand { top: 65%; right: 12%; } }
@media screen and (max-width: 850px) { section.try .lead .hosozyun_hand { top: 64%; right: 12%; } }
section.try .try_inner2 { max-width: 1280px; margin: 10px auto; position: relative; }
@media screen and (max-width: 768px) { section.try .try_inner2 { padding-top: 0px; } }
section.try .try_inner2 span { display: block; position: absolute; }
@media screen and (max-width: 1280px) { section.try .try_inner2 span { width: 35.15625%; } }
@media screen and (max-width: 1280px) and (max-width: 768px) { section.try .try_inner2 span { width: 90%; margin: 0 15px 0 15px; } }

section.try .try_inner2 a { display: block; }
section.try .try_inner2 p { display: block; position: absolute; }
section.try .try_inner2 .hosozyun-movie { display: flex; vertical-align: top; }
@media screen and (max-width: 768px) { section.try .try_inner2 .hosozyun-movie { display: block; margin-left: 20px; margin-right: 20px; } }
section.try .try_inner2 .hosozyun-movie .box01 { width: 50%; padding-right: 20px; }
@media screen and (max-width: 1280px) { section.try .try_inner2 .hosozyun-movie .box01 { padding-right: 20px; } }
@media screen and (max-width: 768px) { section.try .try_inner2 .hosozyun-movie .box01 { width: 100%; padding: 0 auto; padding-right: 0; } }
section.try .try_inner2 .hosozyun-movie .box02 { width: 50%; padding-left: 20px; }
@media screen and (max-width: 1280px) { section.try .try_inner2 .hosozyun-movie .box02 { padding-left: 20px; } }
@media screen and (max-width: 768px) { section.try .try_inner2 .hosozyun-movie .box02 { width: 100%; padding: 0 auto; margin-top: 12.5%; padding-left: 0; } }
section.try .btn-01 { top: -33px; left: 100px; }
@media screen and (max-width: 1280px) { section.try .btn-01 { top: -10.15625%; left: 7.8125%; } }
@media screen and (max-width: 768px) { section.try .btn-01 { top: -4.6875%; left: 0.3125%; } }
section.try .btn-02 { top: -33px; left: 760px; }
@media screen and (max-width: 1280px) { section.try .btn-02 { top: -10.15625%; left: 58.59375%; } }
@media screen and (max-width: 768px) { section.try .btn-02 { top: 50%; left: 0.3125%; } }
section.try .btn-01-2 { top: 130px; left: 255px; position: absolute; }
@media screen and (max-width: 1280px) { section.try .btn-01-2 { width: 7.8125% !important; top: 35.15625%; left: 19.53125%; } }
@media screen and (max-width: 768px) { section.try .btn-01-2 { width: 15.625% !important; top: 14.0625%; left: 40.46875%; } }
section.try .btn-02-2 { top: 130px; left: 930px; position: absolute; }
@media screen and (max-width: 1280px) { section.try .btn-02-2 { width: 7.8125% !important; top: 35.15625%; left: 71.875%; } }
@media screen and (max-width: 768px) { section.try .btn-02-2 { width: 15.625% !important; top: 69.53125%; left: 40.46875%; } }

/* keibaplace */
section.keibaplace { background: url("../images/place_bg.jpg") center bottom no-repeat; background-position: top center; background-size: cover; margin: 0 auto; line-height: 0; padding: 100px 0; }
@media screen and (max-width: 1280px) { section.keibaplace { padding: 100px 20px; } }
@media screen and (max-width: 768px) { section.keibaplace { padding: 10px 8px; padding-bottom: 40px; } }
section.keibaplace .keibaplace_inner { max-width: 1280px; width: 100%; margin: 0 auto; }
section.keibaplace .keibaplace_inner h2 { text-align: center; width: 100%; padding: 0 240px; line-height: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 768px) { section.keibaplace .keibaplace_inner h2 { padding: 0; } }
section.keibaplace img { width: 100%; }
@media screen and (max-width: 768px) { section.keibaplace img { padding-top: 18px; } }
section.keibaplace .lead { color: #fff; text-align: center; font-size: 24px; line-height: 1.6; padding-top: 20px; font-weight: 300; }
@media screen and (max-width: 768px) { section.keibaplace .lead { font-size: 3.90625vw; font-weight: 700; text-align: center; line-height: 1.7; } }
section.keibaplace .keibaplace_inner2 { max-width: 1280px; margin: 0 auto; position: relative; }
@media screen and (max-width: 768px) { section.keibaplace .keibaplace_inner2 { padding-top: 50px; } }
section.keibaplace .keibaplace_inner2 a { display: block; position: absolute; }
@media screen and (max-width: 1280px) { section.keibaplace .keibaplace_inner2 a { width: 15.3125%; } }
@media screen and (max-width: 1280px) and (max-width: 768px) { section.keibaplace .keibaplace_inner2 a { width: 39.0625%; } }

section.keibaplace .keibaplace_inner2 p { display: block; position: absolute; }
section.keibaplace .btn-01 { top: 80px; left: 893px; }
@media screen and (max-width: 1280px) { section.keibaplace .btn-01 { top: 9.76563%; left: 70.3125%; } }
@media screen and (max-width: 768px) { section.keibaplace .btn-01 { top: 1.71875%; left: 0.46875%; } }
section.keibaplace .btn-02 { top: 125px; left: 893px; }
@media screen and (max-width: 1280px) { section.keibaplace .btn-02 { top: 16.64063%; left: 70.3125%; } }
@media screen and (max-width: 768px) { section.keibaplace .btn-02 { top: 9.375%; left: 0.46875%; } }
section.keibaplace .btn-03 { top: 227px; left: 800px; }
@media screen and (max-width: 1280px) { section.keibaplace .btn-03 { top: 31.25%; left: 62.5%; } }
@media screen and (max-width: 768px) { section.keibaplace .btn-03 { top: 17.65625%; left: 0.46875%; } }
section.keibaplace .btn-04 { top: 272px; left: 800px; }
@media screen and (max-width: 1280px) { section.keibaplace .btn-04 { top: 37.96875%; left: 62.5%; } }
@media screen and (max-width: 768px) { section.keibaplace .btn-04 { top: 25.78125%; left: 0.46875%; } }
section.keibaplace .btn-05 { top: 361px; left: 800px; }
@media screen and (max-width: 1280px) { section.keibaplace .btn-05 { top: 53.125%; left: 62.5%; } }
@media screen and (max-width: 768px) { section.keibaplace .btn-05 { top: 33.4375%; left: 0.46875%; } }
section.keibaplace .btn-06 { top: 406px; left: 800px; }
@media screen and (max-width: 1280px) { section.keibaplace .btn-06 { top: 59.84375%; left: 62.5%; } }
@media screen and (max-width: 768px) { section.keibaplace .btn-06 { top: 41.40625%; left: 0.46875%; } }
section.keibaplace .btn-07 { top: 451px; left: 800px; }
@media screen and (max-width: 1280px) { section.keibaplace .btn-07 { top: 66.64063%; left: 62.5%; } }
@media screen and (max-width: 768px) { section.keibaplace .btn-07 { top: 1.71875%; left: 41.5625%; } }
section.keibaplace .btn-08 { top: 496px; left: 800px; }
@media screen and (max-width: 1280px) { section.keibaplace .btn-08 { top: 73.4375%; left: 62.5%; } }
@media screen and (max-width: 768px) { section.keibaplace .btn-08 { top: 9.375%; left: 41.5625%; } }
section.keibaplace .btn-09 { top: 474px; left: 595px; }
@media screen and (max-width: 1280px) { section.keibaplace .btn-09 { top: 72.65625%; left: 46.09375%; } }
@media screen and (max-width: 768px) { section.keibaplace .btn-09 { top: 78.125%; left: 19.21875%; } }
section.keibaplace .btn-10 { top: 519px; left: 595px; }
@media screen and (max-width: 1280px) { section.keibaplace .btn-10 { top: 79.53125%; left: 46.09375%; } }
@media screen and (max-width: 768px) { section.keibaplace .btn-10 { top: 85.9375%; left: 19.21875%; } }
section.keibaplace .btn-11 { top: 564px; left: 595px; }
@media screen and (max-width: 1280px) { section.keibaplace .btn-11 { top: 86.40625%; left: 46.09375%; } }
@media screen and (max-width: 768px) { section.keibaplace .btn-11 { top: 93.75%; left: 19.21875%; } }
section.keibaplace .btn-12 { top: 242px; left: 331px; }
@media screen and (max-width: 1280px) { section.keibaplace .btn-12 { top: 35.15625%; left: 25.85938%; } }
@media screen and (max-width: 768px) { section.keibaplace .btn-12 { top: 70.3125%; left: 60.15625%; } }
section.keibaplace .btn-13 { top: 287px; left: 331px; }
@media screen and (max-width: 1280px) { section.keibaplace .btn-13 { top: 41.875%; left: 25.85938%; } }
@media screen and (max-width: 768px) { section.keibaplace .btn-13 { top: 78.125%; left: 60.15625%; } }
section.keibaplace .btn-14 { top: 540px; left: 395px; }
@media screen and (max-width: 1280px) { section.keibaplace .btn-14 { top: 83.59375%; left: 30.85938%; } }
@media screen and (max-width: 768px) { section.keibaplace .btn-14 { top: 85.9375%; left: 60.15625%; } }
section.keibaplace .btn-15 { top: 387px; left: 168px; }
@media screen and (max-width: 1280px) { section.keibaplace .btn-15 { top: 58.59375%; left: 12.5%; } }
@media screen and (max-width: 768px) { section.keibaplace .btn-15 { top: 93.75%; left: 60.15625%; } }
section.keibaplace .jocker-01 { top: 155px; left: 531px; }
section.keibaplace .jocker-02 { top: 187px; left: 998px; }
section.keibaplace .jocker-03 { top: 441px; left: 182px; }
section.keibaplace .jocker-04 { top: 559px; left: 799px; }

/* keibacampaign */
section.keibacampaign { margin: 0 auto; line-height: 0; }
section.keibacampaign img { width: 100%; }

/* present */
section.present { background: url("../images/present_bg.jpg") center bottom no-repeat; background-position: top center; background-size: cover; margin: 0 auto; padding: 100px 0; }
@media screen and (max-width: 1280px) { section.present { padding: 100px 20px; } }
@media screen and (max-width: 768px) { section.present { display: none; background-size: cover; background: url("../images/sp_present_bg.jpg") center bottom no-repeat; padding: 10.9375vw 0; } }
section.present .present_inner { max-width: 1150px; width: 100%; margin: 0 auto; }
section.present .lead { color: #fff; text-align: center; font-size: 24px; line-height: 1.6; letter-spacing: 3px; padding-top: 20px; font-weight: 300; }
section.present .calender_block { max-width: 1150px; letter-spacing: -6px; margin: 70px auto 15px; }
@media screen and (max-width: 768px) { section.present .calender_block { text-align: center; margin: 3.90625vw auto 0; } }
section.present .calender_block .calendar_item { display: inline-block; letter-spacing: normal; width: 32%; padding: 10px; background-color: #f1ebd8; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2%; }
@media screen and (max-width: 768px) { section.present .calender_block .calendar_item { width: 44%; margin-right: 4%; margin-bottom: 4%; padding: 1.5625vw; }
  section.present .calender_block .calendar_item:nth-child(2n) { margin-right: 0; } }
section.present .calender_block .calendar_item:last-child { margin: 0; }
section.present .calender_block .calendar_badge { position: absolute; top: -20px; left: -15px; line-height: 0; }
@media screen and (max-width: 768px) { section.present .calender_block .calendar_badge { width: 15.625vw; height: auto; top: -3.125vw; left: -2.34375vw; } }
section.present .calender_block .calendar_img { line-height: 0; margin-bottom: 15px; }
@media screen and (max-width: 768px) { section.present .calender_block .calendar_img { margin-bottom: 1.5625vw; } }
section.present .calender_block .calendar_buttons { letter-spacing: -6px; margin: 0 -2px; line-height: 0; }
section.present .calender_block .calendar_buttons a { display: inline-block; letter-spacing: normal; width: 50%; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
section.present .calender_block .calendar_buttons a:hover { opacity: 0.6; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
section.present .text { color: #fff; font-size: 14px; font-weight: 100; letter-spacing: 2px; margin: 0 auto; text-align: left; }
@media screen and (max-width: 768px) { section.present .text { font-size: 2.1875vw; margin: 0 4.6875vw 4.6875vw; } }
section.present .comments { color: #fff; font-size: 15px; letter-spacing: 3px; font-weight: 300; text-align: right; margin-bottom: 40px; }
@media screen and (max-width: 768px) { section.present .comments { font-size: 2.1875vw; text-align: center; letter-spacing: 0; margin: 4.6875vw 0 0; padding: 0px 10px 0 10px; } }
section.present img { width: 100%; }
section.present .hosozyun { margin-top: 5px; }
section.present .place { text-align: center; }
section.present .place img { width: 30%; }
section.present h2 { text-align: center; width: 100%; padding: 0 75px; line-height: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 768px) { section.present h2 { padding: 0; } }
section.present h3 { color: #fff; font-size: 20px; font-weight: 700; letter-spacing: 1.5px; max-width: 1150px; margin: 0 auto; text-align: left; }
@media screen and (max-width: 768px) { section.present h3 { padding-top: 4.6875vw; font-size: 4.0625vw; text-align: left; letter-spacing: 0; margin: 0 4.6875vw 4.6875vw; margin-bottom: 2.34375vw; } }
section.present table { border-collapse: collapse; max-width: 1150px; margin: 15px auto; color: #fff; }
@media screen and (max-width: 768px) { section.present table { margin: 0 4.6875vw 4.6875vw; } }
section.present table th { border: solid 2px; padding: 12px 18px; font-size: 17px; font-weight: 700; letter-spacing: 3px; }
@media screen and (max-width: 768px) { section.present table th { font-size: 4.0625vw; letter-spacing: 0; padding: 1.5625vw 3.125vw; } }
section.present table td { border: solid 2px; padding: 16px 58px; font-size: 19px; letter-spacing: 2px; font-weight: 700; }
@media screen and (max-width: 768px) { section.present table td { font-size: 4.0625vw; letter-spacing: 0; padding: 1.5625vw 3.125vw; } }
section.present table .small { font-size: 14px; font-weight: 100; padding: 20px; }
@media screen and (max-width: 768px) { section.present table .small { font-size: 2.1875vw; padding: 2.34375vw 1.5625vw; } }
section.present .tpresent_area { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-start; align-items: flex-start; }
@media screen and (max-width: 768px) { section.present .tpresent_area { display: block; } }

/* calender */
section.calender { background: url("../images/calender_bg.jpg") center bottom no-repeat; background-position: top center; background-size: cover; margin: 0 auto; padding: 70px 0; }
@media screen and (max-width: 1280px) { section.calender { padding: 70px 20px; } }
@media screen and (max-width: 768px) { section.calender { padding: 6.25vw 0; } }
section.calender .calender_inner { max-width: 1150px; margin: 0 auto; }
section.calender .box { overflow: hidden; max-width: 970px; width: 100%; display: table; margin: 40px auto 0; }
@media screen and (max-width: 768px) { section.calender .box { margin: 4.6875vw auto 0; padding: 0 6.25vw; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } }
section.calender .box ul { line-height: 1.8; }
@media screen and (max-width: 768px) { section.calender .box li { display: block; white-space: nowrap; } }
section.calender .box li + li { margin-top: 10px; }
section.calender .box li a { color: #fff; font-size: 16px; letter-spacing: 1px; }
@media screen and (max-width: 768px) { section.calender .box li a { font-size: 4.0625vw; font-weight: normal; letter-spacing: 0; } }
section.calender .box li a:before { content: ''; background-image: url("../images/calender_btn.png"); background-size: 100% auto; background-position: center; margin-right: 10px; margin-bottom: -0.1rem; display: inline-block; width: 18px; height: 18px; }
@media screen and (max-width: 768px) { section.calender .box li a:before { width: 4.0625vw; height: 4.0625vw; } }
section.calender .box li a:after { content: ''; display: block; width: 0%; -moz-transition: width 0.5s ease; -o-transition: width 0.5s ease; -webkit-transition: width 0.5s ease; transition: width 0.5s ease; height: 1px; background-color: #fff; }
section.calender .box li a:hover:after { width: 100%; -moz-transition: width 0.5s ease; -o-transition: width 0.5s ease; -webkit-transition: width 0.5s ease; transition: width 0.5s ease; }
section.calender .box .left, section.calender .box .right { position: relative; width: 50%; display: table-cell; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 768px) { section.calender .box .left, section.calender .box .right { display: block; width: auto; } }
section.calender .box .left { padding-right: 5px; vertical-align: top; }
@media screen and (max-width: 768px) { section.calender .box .left { padding-right: 0; } }
section.calender .box .right { padding-left: 5px; }
@media screen and (max-width: 768px) { section.calender .box .right { padding-left: 0; margin-top: 10px; } }
section.calender p { color: #fff; text-align: center; font-size: 24px; line-height: 1.6; letter-spacing: 3px; padding-top: 20px; font-weight: 300; }
@media screen and (max-width: 768px) { section.calender p { padding-top: 1.5625vw; font-size: 3.90625vw; line-height: 1.6; letter-spacing: 0; } }
section.calender .text { font-size: 14px; font-weight: 100; letter-spacing: 2px; width: 88%; margin: 0 auto; text-align: left; margin-top: -10px; }
section.calender .comments { color: #fff; font-size: 15px; letter-spacing: 3px; font-weight: 300; text-align: right; max-width: 1280px; width: 95%; }
section.calender h2 { text-align: center; width: 100%; max-width: 700px; line-height: 0; margin: 0 auto; }
section.calender img { width: 100%; }
section.calender h3 { color: #fff; font-size: 20px; font-weight: 200; letter-spacing: 1.5px; padding-top: 50px; width: 88%; margin: 0 auto; text-align: left; }
section.calender h4 { color: #fff; font-size: 20px; font-weight: 200; letter-spacing: 1.5px; padding-top: 15px; width: 88%; margin: 0 auto; text-align: left; }
section.calender .calender table { border-collapse: collapse; width: 88%; margin: 15px auto; color: #fff; }
section.calender .calender table th { border: solid 2px; padding: 12px 18px; font-size: 17px; letter-spacing: 3px; }
section.calender .calender table td { border: solid 2px; padding: 16px 58px; font-size: 19px; letter-spacing: 2px; font-weight: 100; }
section.calender .calender table .small { font-size: 14px; font-weight: 100; padding: 20px; }
section.calender li.icon.anime_fade { display: block; }

/* link */
section.link { padding-bottom: 0; background: url("../images/banner_bg.jpg") center bottom no-repeat; background-position: top center; background-size: cover; margin: 0 auto; padding: 70px 0; }
@media screen and (max-width: 1280px) { section.link { padding: 70px 20px; } }
@media screen and (max-width: 768px) { section.link { padding: 10.9375vw 0; } }
section.link img { max-width: 100%; height: auto; }
section.link .box1 { margin: 0 auto 70px; width: 100%; max-width: 1080px; letter-spacing: -6px; }
@media screen and (max-width: 768px) { section.link .box1 { margin: 0 auto 6.25vw; } }
section.link .box1 .left { width: 50%; display: inline-block; vertical-align: bottom; letter-spacing: normal; line-height: 0; }
@media screen and (max-width: 1280px) { section.link .box1 .left { width: 48%; padding-right: 2%; vertical-align: top; } }
@media screen and (max-width: 768px) { section.link .box1 .left { display: block; width: auto; padding: 0 10.9375vw; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } }
section.link .box1 .left li + li { margin-top: 25px; }
section.link .box1 .right { width: 50%; display: inline-block; vertical-align: bottom; letter-spacing: normal; position: relative; color: #fff; border: 1px solid #fff; padding: 60px 30px 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 768px) { section.link .box1 .right { display: block; width: auto; padding: 10.9375vw 7.8125vw 7.8125vw; margin: 15.625vw 7.8125vw 0; } }
section.link .box1 .right h3 { position: absolute; top: 0; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media screen and (max-width: 768px) { section.link .box1 .right h3 { width: 80%; } }
section.link .box1 .right p { font-size: 14px; text-align: center; margin-bottom: 5px; }
@media screen and (max-width: 768px) { section.link .box1 .right p { font-size: 4.0625vw; margin-bottom: 1.5625vw; } }
section.link .box1 .right ul { letter-spacing: -6px; margin-bottom: -26px; }
section.link .box1 .right ul li { width: 46%; display: inline-block; letter-spacing: normal; margin-right: 8%; margin-bottom: 20px; }
@media screen and (max-width: 768px) { section.link .box1 .right ul li { width: 100%; margin-right: 0; margin-bottom: 4.6875vw; } }
section.link .box1 .right ul li:nth-child(2n) { margin-right: 0; }
@media screen and (max-width: 768px) { section.link .box1 .right a { display: block; } }
@media screen and (max-width: 768px) { section.link .box1 .right img { width: 100%; } }
section.link .bannar { width: 100%; max-width: 1325px; margin: 0 auto; font-size: 0; text-align: center; }
@media screen and (max-width: 768px) { section.link .bannar { width: auto; margin: 0 7.8125vw 0; text-align: left; } }
section.link .bannar li { margin: 0 12px 25px; }
@media screen and (max-width: 768px) { section.link .bannar li { width: 30%; margin: 0; margin-right: 5%; margin-bottom: 5%; }
  section.link .bannar li:nth-child(3n) { margin-right: 0; } }
section.link .bannar img { width: 100%; }

/* place */
section.place { background: url("../images/place_bg.jpg") center bottom no-repeat; background-position: top center; background-size: cover; margin: 0 auto; }
@media screen and (max-width: 1280px) { section.place .inner { padding: 0 15px; } }
section.place .read { padding: 80px 0; font-size: 20px; line-height: 32px; text-align: center; }
@media screen and (max-width: 768px) { section.place .read { text-align: left; margin-top: 10px; font-size: 4.375vw; line-height: 1.3; padding: 40px 0; } }
@media screen and (max-width: 375px) { section.place .read { font-size: 4vw; } }
@media screen and (max-width: 320px) { section.place .read { font-size: 3.9vw; } }
section.place .list { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
@media screen and (max-width: 1280px) { section.place .list { -webkit-justify-content: center; justify-content: center; } }
@media screen and (max-width: 768px) { section.place .list { -webkit-justify-content: center; justify-content: center; } }
section.place .list li { padding: 0 10px; margin-bottom: 36px; text-align: center; }
section.place .list li img { max-width: 100%; height: auto; }
@media screen and (max-width: 1280px) { section.place .list li.large { width: 100%; display: block; } }
@media screen and (max-width: 768px) { section.place .list li { width: 44%; }
  section.place .list li img { max-width: 100%; height: auto; }
  section.place .list li.large { width: 100%; text-align: center; } }
@media screen and (max-width: 375px) { section.place .list li { width: 40%; } }
section.place .list li a { display: block; line-height: 0; }

/* buy */
section.buy { background: url("../images/buy_bg.jpg") center bottom no-repeat; background-position: top center; background-size: cover; margin: 0 auto; padding: 70px 0; }
@media screen and (max-width: 1280px) { section.buy { padding: 70px 20px; } }
@media screen and (max-width: 768px) { section.buy { padding: 40px 0; } }
section.buy .inner { position: relative; max-width: 1022px; width: 90%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
section.buy h2 { width: 100%; text-align: center; }
section.buy h2 .title { width: 90%; margin: 0 auto; }
@media screen and (max-width: 768px) { section.buy h2 .title { width: 100%; padding: 0; } }
section.buy .read { padding: 80px 0; color: #ffffff; font-size: 20px; line-height: 32px; text-align: center; }
@media screen and (max-width: 768px) { section.buy .read { text-align: left; margin-top: 10px; font-size: 4.375vw; line-height: 1.3; padding: 40px 0; } }
section.buy .link { max-width: 990px; display: table; table-layout: fixed; margin: 0 auto; }
@media screen and (max-width: 768px) { section.buy .link { display: block; } }
section.buy .link img { max-width: 100%; height: auto; }
section.buy .link .left { display: table-cell; vertical-align: middle; width: auto; padding-right: 40px; margin-top: 70px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 768px) { section.buy .link .left { display: block; padding-right: 0; margin-top: 0; } }
section.buy .link .left p { text-align: center; font-size: 22px; font-weight: 700; line-height: 1.7; margin-top: 50px; }
@media screen and (max-width: 768px) { section.buy .link .left p { font-size: 3.90625vw; margin: 3.90625vw 0; } }
section.buy .link .right { display: table-cell; vertical-align: middle; width: 41%; }
@media screen and (max-width: 768px) { section.buy .link .right { display: block; width: 82%; margin: 0 auto; text-align: center; } }
section.buy .link .right a { display: block; max-width: 405px; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition: -moz-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; }
section.buy .link .right a:hover { -moz-transform: scale(1.1) !important; -ms-transform: scale(1.1) !important; -webkit-transform: scale(1.1) !important; transform: scale(1.1) !important; -moz-transition: -moz-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; }

/* footer */
footer.footer { padding: 14px 15px; }
@media screen and (max-width: 768px) { footer.footer { padding: 0; padding-bottom: 160px; } }
footer.footer p { color: #fff; font-size: 10px; font-weight: 100; padding-top: 15px; }
@media screen and (max-width: 768px) { footer.footer p { padding: 15px; } }
footer.footer .sns { line-height: normal; font-size: 0; display: flex; }
@media screen and (max-width: 768px) { footer.footer .sns { padding: 15px; display: block; text-align: center; } }
footer.footer .sns li { display: inline-block; margin-right: 22px; vertical-align: top; }
@media screen and (max-width: 768px) { footer.footer .sns li { margin-right: 10px; margin-bottom: 10px; } }
footer.footer .sns .fb iframe { width: 78px; }

/* hover.css update */
.hvr-bounce-to-bottom:before { background-color: rgba(0, 0, 0, 0.4); background-image: url(../images/link_bg_hover.png); }

/* loading */
#movieOverlay { display: block; width: 100%; height: 100%; position: absolute; z-index: 100; top: 0; left: 0; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: width 0.5s linear; -o-transition: width 0.5s linear; -webkit-transition: width 0.5s linear; transition: width 0.5s linear; }
#movieOverlay .movieOverlayInner { display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); position: relative; }

#progressWrap { display: block; width: 100%; position: absolute; left: 0; bottom: 0; }
#progressWrap #progressBar { display: block; width: 0; height: 5px; background-color: #ee6b00; -moz-transition: width 0.5s linear; -o-transition: width 0.5s linear; -webkit-transition: width 0.5s linear; transition: width 0.5s linear; }