@charset "UTF-8";
/*!
-----------------------------------------------------------
  #top TOP
-----------------------------------------------------------
*/
@media (min-width: 640px), print { #wrapper { overflow: hidden; } }
.split_bg { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }
.split_bg:after { display: block; clear: both; content: ""; }
.split_bg .left { float: left; width: 50%; height: 100%; }
.split_bg .right { float: right; width: 50%; height: 100%; }
main .box .label { margin-bottom: 8px; font-size: 30px; }
main .box .title { line-height: 1.6; margin-bottom: 8px; font-weight: inherit; font-size: 16px; letter-spacing: .1em; }
main .box .btn a { display: block; line-height: 1.75; margin: 0 auto; padding: 12px 0; border-width: 1px; border-style: solid; text-align: center; letter-spacing: .15em; }
@media (min-width: 640px), print { main .box .label { margin-bottom: 10px; font-size: 60px; }  main .box .title { line-height: 1.6; margin-bottom: 14px; font-size: 24px; }  main .box .btn a { margin-left: 0; padding: 9px 0 9px; border-width: 2px; background-position: 0 0; background-size: 200% auto; font-size: 16px; -webkit-transition: background-color 300ms ease 300ms, background-position 300ms ease, color 300ms ease 300ms; transition: background-color 300ms ease 300ms, background-position 300ms ease, color 300ms ease 300ms; }  main .box .btn a:hover { background-position: -100% 0; } }
.topFadeIn { opacity: 0; -webkit-transition: 3000ms ease-out 450ms; transition: 3000ms ease-out 450ms; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
body.is-ie9 .topFadeIn { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
body.is-jsUnavailable .topFadeIn { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
body.is-loaded .topFadeIn { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
@media print { .topFadeIn { opacity: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
/*! #mv
=========================================== */
#mv { position: relative; z-index: 1; box-sizing: border-box; height: 422px; height: 100vh; background: url(../images/bg_mv01_sp.png) center center no-repeat; background-size: cover; color: #fff; text-align: center; }
#mv .mvIn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; height: 278px; margin: auto; padding-top: 54px; }
#mv .label { margin-bottom: 19px; font-size: 30px; }
#mv .copy { width: 215px; height: 97px; overflow: hidden; margin: 0 auto 40px; background: url(../images/tit_mv01_sp.png) center center no-repeat; background-size: 215px auto; text-indent: 100%; white-space: nowrap; }
#mv .since .pfx { margin-bottom: 2px; font-size: 12px; }
#mv .since .counter { margin-bottom: 6px; font-size: 36px; }
body.is-jsUnavailable #mv .since .counter { display: none; }
#mv .since .sfx { font-size: 10px; }
body.is-jsUnavailable #mv .since .sfx { display: none; }
#mv .bg { display: none; position: absolute; top: 0; left: 0; z-index: 88; width: 100%; height: 100%; overflow: hidden; }
#mv .bg div { height: 100%; }
#mv .bg .item { width: inherit; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
#mv .bg .item.img01 { background-image: url(../images/bg_mv01_sp.png); }
#mv .bg .item.img02 { background-image: url(../images/bg_mv02_sp.png); }
#mv .bg .item.img03 { background-image: url(../images/bg_mv03_sp.png); }
#mv .bg .item.img04 { background-image: url(../images/bg_mv04_sp.png); }
body.is-jsAvailable #mv .bg { display: block; }
@media (min-width: 640px), print { #mv { height: 1000px; height: 100vh; min-height: 630px; background-image: url(../images/bg_mv01_pc.png); }  #mv .mvIn { padding: 0 0 53px 0; }  #mv .label { margin-bottom: 38px; font-size: 60px; }  #mv .copy { width: 936px; height: 94px; margin-bottom: 30px; background-image: url(../images/tit_mv01_pc.png); background-size: auto; }  #mv .since .pfx { margin-bottom: 5px; font-size: 20px; letter-spacing: 0; }  #mv .since .counter { margin-bottom: 2px; font-size: 60px; }  #mv .since .sfx { font-size: 16px; }  #mv .bg .item.img01 { background-image: url(../images/bg_mv01_pc.png); }  #mv .bg .item.img02 { background-image: url(../images/bg_mv02_pc.png); }  #mv .bg .item.img03 { background-image: url(../images/bg_mv03_pc.png); }  #mv .bg .item.img04 { background-image: url(../images/bg_mv04_pc.png); } }
@media print { #mv { height: 600px; min-height: auto; } }
/*! #news
=========================================== */
#news { display: none; padding: 12px 20px 12px 54px; background-color: #1a160f; color: #fff; }
#news a { display: block; font-size: 13px; }
#news .title { position: relative; line-height: 1.9; margin-bottom: 5px; font-weight: 600; }
#news .title:before { display: block; position: absolute; left: -38px; width: 23px; height: 100%; background: url(../images/ico_news01.png) center center no-repeat; background-size: 23px; content: ""; }
#news time { display: block; margin-bottom: 0; }
@media (min-width: 640px), print { #news { box-sizing: border-box; padding: 0 0 0 69px; }  #news a { display: table; padding: 27px 0 27px; font-size: 14px; }  #news a:hover .txt { text-decoration: underline; }  #news .title { display: table-cell; width: 345px; padding-right: 30px; vertical-align: top; letter-spacing: .12em; }  #news .title:before { top: 2px; left: -35px; height: 23px; }  #news time { display: inline-block; display: table-cell; padding-right: 6px; vertical-align: top; }  #news .txt { display: table-cell; vertical-align: top; } }
@media print { #news { page-break-after: avoid; } }
/*! #history
=========================================== */
#history { position: relative; min-height: 263px; }
#history .bg { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }
#history .bg .left { float: left; width: 50%; height: 100%; }
#history .bg .right { float: right; width: 50%; height: 100%; }
#history .pic { position: absolute; top: 37px; right: 0; z-index: 2; width: 78%; min-width: 250px; max-width: 380px; }
#history .box { position: relative; z-index: 4; padding: 31px 30px 40px; }
#history .box .label { margin-left: -3px; }
#history .box .btn { margin-top: 15px; }
#history .box .btn a { width: 164px; border-color: #1a160f; }
@media (min-width: 640px), print { #history { min-height: 740px; padding: 95px 0 106px; }  #history .box { z-index: 9; width: 465px; margin-left: 0; padding: 0 0 0 0; }  #history .box .label { margin-bottom: 15px; margin-left: -6px; }  #history .box .btn { margin-top: 33px; }  #history .box .btn a { width: 188px; background-image: -webkit-linear-gradient(left, transparent 50%, #1a160f 50%); background-image: linear-gradient(to right, transparent 50%, #1a160f 50%); }  #history .box .btn a:hover { background-color: #1a160f; color: #fff; }  #history .pic { position: absolute; top: 101px; left: 50%; width: 1197px; max-width: none; margin-left: -298px; }  body.is-jsAvailable #history .box , body.is-jsAvailable #history .pic { opacity: 0; -webkit-transition: all 600ms ease; transition: all 600ms ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }  body.is-ie9 body.is-jsAvailable #history .box , body.is-ie9 body.is-jsAvailable #history .pic { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }  body.is-jsAvailable #history .box { -webkit-transform: translateX(-30px); transform: translateX(-30px); }  body.is-jsAvailable #history .pic { -webkit-transform: translateX(30px); transform: translateX(30px); }  body.is-jsAvailable #history .is-view.box , body.is-jsAvailable #history .is-view.pic { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
@media print { #history { min-height: 600px; overflow: hidden; padding: 60px 40px; page-break-before: avoid; page-break-after: always; }  #history .box { opacity: 1 !important; -webkit-transform: translateX(0) !important; transform: translateX(0) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }  #history .pic { opacity: 1 !important; -webkit-transform: translateX(0) !important; transform: translateX(0) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
/*! #moment
=========================================== */
#moment { padding: 50px 30px 53px; background: url(../images/bg_moment01_sp.png) center center no-repeat; background-size: cover; color: #fff; }
#moment .btn { margin-top: 19px; }
#moment .btn a { width: 209px; border-color: #fff; }
@media (min-width: 640px), print { #moment { padding: 194px 0 211px; background-image: url(../images/bg_moment01_pc.png); }  #moment .box { width: 484px; margin: 0 auto; }  #moment .box .label { margin-bottom: 11px; margin-left: 0; }  #moment .box .title { margin-bottom: 19px; }  #moment .box .btn { margin-top: 33px; padding-left: 2px; }  #moment .box .btn a { width: 229px; background-image: -webkit-linear-gradient(left, transparent 50%, #fff 50%); background-image: linear-gradient(to right, transparent 50%, #fff 50%); }  #moment .box .btn a:hover { background-color: #fff; color: #1a160f; }  body.is-jsAvailable #moment .box { opacity: 0; -webkit-transition: all 600ms ease; transition: all 600ms ease; -webkit-transform: translateY(30px); transform: translateY(30px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }  body.is-ie9 body.is-jsAvailable #moment .box { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }  body.is-jsAvailable #moment .is-view.box { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
@media print { #moment { padding: 140px 0 140px; page-break-before: avoid; }  #moment .box { opacity: 1 !important; -webkit-transform: translateY(0) !important; transform: translateY(0) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
/*! #movie
=========================================== */
#movie { position: relative; padding: 39px 15px 48px; color: #fff; }
#movie .thumb { position: relative; z-index: 9; }
#movie .box { position: relative; z-index: 2; padding: 17px 15px 30px; background-color: #1a160f; }
#movie .box .label { margin-bottom: 0; }
#movie .btn { margin-top: 20px; }
#movie .btn a { width: 173px; border-color: #fff; }
@media (min-width: 640px), print { #movie { min-height: 600px; padding: 342px 0 100px; }  #movie .thumb { position: absolute; top: 101px; right: 50%; width: 1197px; max-width: none; margin-right: -277px; }  #movie .box { left: 50%; z-index: 9; box-sizing: border-box; width: 600px; padding: 110px 75px 125px 77px; }  #movie .box .label { margin-bottom: 7px; margin-left: -4px; }  #movie .box .title { margin-bottom: 24px; }  #movie .box .btn { margin-top: 35px; }  #movie .box .btn a { background-image: -webkit-linear-gradient(left, transparent 50%, #fff 50%); background-image: linear-gradient(to right, transparent 50%, #fff 50%); }  #movie .box .btn a:hover { background-color: #fff; color: #1a160f; }  body.is-jsAvailable #movie .box , body.is-jsAvailable #movie .thumb { opacity: 0; -webkit-transition: all 600ms ease; transition: all 600ms ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }  body.is-ie9 body.is-jsAvailable #movie .box , body.is-ie9 body.is-jsAvailable #movie .thumb { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }  body.is-jsAvailable #movie .box { -webkit-transform: translateX(30px); transform: translateX(30px); }  body.is-jsAvailable #movie .thumb { -webkit-transform: translateX(-30px); transform: translateX(-30px); }  body.is-jsAvailable #movie .is-view.box , body.is-jsAvailable #movie .is-view.thumb { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
@media print { #movie { height: 500px; min-height: auto; overflow: hidden; padding: 80px 0 80px; }  #movie .thumb { opacity: 1 !important; -webkit-transform: translateX(0) !important; transform: translateX(0) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }  #movie .box { opacity: 1 !important; -webkit-transform: translateX(0) !important; transform: translateX(0) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
/*! #loader
=========================================== */

/*# sourceMappingURL=../maps/css/style.css.map */