@charset "UTF-8";
/* debug 

body {
	position: relative;
}

body:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	min-height: 1150px;
	background: url(../images/guide.jpg) top center no-repeat;
	opacity: 0.5;
}

.page {
	position: relative;
	z-index: 2;
	opacity: 0.6;
}

/* debug end */
/*

重なり順

*/
.bg { z-index: 1; }

.mainBack { z-index: 2; }

.topGradation { z-index: 3; }

.btmGradation { z-index: 3; }

.mainFront { z-index: 4; }

.chara2 { z-index: 101; }

.chara1 { z-index: 102; }

.chara1Tattoo { z-index: 103; }

.info { z-index: 104; }

.mvLogo img:last-child { z-index: 105; }

.mvLogo img:first-child { z-index: 106; }

.lead { z-index: 107; }

.leftCol, .rightCol { z-index: 201; }

.firstLogo { z-index: 300; }

.overlayer { z-index: 301; }

#footer { z-index: 500; }

/*

アニメーション初期状態

*/
.mv { opacity: 0; }

.leftCol, .rightCol { display: none; }

/*

base

*/
body { background: #000; }

.page { position: relative; overflow: hidden; min-width: 1200px; }

.bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000 url(../images/bg.jpg) top center no-repeat; background-size: cover; }

.main { width: 1200px; min-height: 1100px; position: relative; }

.main:after { content: ''; display: block; clear: both; }

.mainBack { position: absolute; top: 0; left: 50%; margin-left: -600px; }

.mainFront { margin: 0 auto; position: relative; }

.topGradation { position: fixed; top: 0; left: 0; width: 100%; height: 20%; border-top: 35px solid #000; }

.topGradation:after { content: ''; display: block; width: 100%; height: 100%; background: -webkit-linear-gradient(top, black 0%, transparent 100%); background-image: linear-gradient(to bottom, black 0%, transparent 100%); }

.btmGradation { position: absolute; bottom: 0px; width: 100%; height: 30%; background-image: -webkit-linear-gradient(bottom, black 0%, transparent 100%); background-image: linear-gradient(to top, black 0%, transparent 100%); }

.overlayer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; }

.firstLogo { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: transparent url(../images/logo_mv_black.png) center center no-repeat; }

#footer { position: relative; }

/*

メインビジュアル

*/
.mv { width: 1520px; position: absolute; top: 0px; left: -160px; }
.mvInner { position: relative; height: 0; padding-top: 75%; overflow: hidden; }

.elm { position: absolute; }

.mvLogo, .lead, .info { margin: 0; }

.mvLogo img:first-child { position: relative; }
.mvLogo img:last-child { position: absolute; top: 0; left: 0; }

.chara1Tattoo, .chara1TattooBlur { position: absolute !important; left: 630px !important; top: 295px !important; }

.chara1 { left: 374px; top: 98px; }

.chara2 { left: 0px; top: 0px; }

.lead { left: 429px; top: 101px; }

.info { left: 491px; top: 716px; }

.mvLogo { left: 510px; top: 469px; }

/*

左カラム

*/
.leftCol { position: relative; float: left; padding: 30px 0 0 20px; }

.logo { margin: 0; }

.menu { padding-top: 12px; }
.menu a { display: inline-block; height: 34px; line-height: 34px; text-decoration: none; font-size: 18px; font-family: 'Libre Baskerville', serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; color: #fff; cursor: default; opacity: 0.5; pointer-events: none; padding-right: 30px; position: relative; }
.menu a:after { content: ''; display: block; width: 14px; height: 14px; background: transparent url(../../common/images/icons/icon_arrow.png) right center no-repeat; position: absolute; top: 50%; right: 3px; margin-top: -8px; transition: all 0.2s ease; opacity: 0; }
.menu a[href] { cursor: pointer; opacity: 1; pointer-events: auto; }
.menu a[href]:hover { color: #f7dd00; }
.menu a[href]:hover:after { right: 0; opacity: 1; }

.subMenu { display: none; }

/*

右カラム

*/
.rightCol { position: relative; float: right; padding: 30px 20px 0 0; }

.sns { float: right; overflow: hidden; }
.sns li { float: left; margin-left: 7px; }
.sns a img:hover { opacity: 0.7; }

#timeline { clear: both; width: 210px; padding-top: 65px; margin-bottom: 45px; }

.timelineHeader { padding-bottom: 12px; overflow: hidden; color: #fff; font-family: 'Libre Baskerville', serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
.timelineTitle { float: left; padding-left: 0.2em; margin: 0; line-height: 1; font-size: 18px; font-weight: normal; }
.timelineMore { float: right; margin: 0; line-height: 1; font-size: 13px; }
.timelineMore a { color: #fff; text-decoration: none; padding-left: 1em; position: relative; }
.timelineMore a:hover { color: #f7dd00; }
.timelineMore a:before { content: ''; display: block; width: 0.7em; height: 0.7em; background: transparent url(../../common/images/icons/icon_arrow.png) right center no-repeat; background-size: contain; position: absolute; top: 50%; left: 0; margin-top: -0.3em; }
.timelineBody { height: 168px; overflow: auto; }

.news-list li { border-top: 1px dotted #fff; border-color: rgba(255, 255, 255, 0.5); }
.news-list li:first-child { border: none; }
.news-list a { display: block; font-size: 12px; line-height: 1.6; text-decoration: none; color: #fff; padding: 9px 2px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
.news-list a:hover { color: #f7dd00; }
.news-list p { margin: 0; }

.mov { margin-top: 10px; text-align: right; }

.banner { margin-top: 30px; }
.banner li { margin-bottom: 5px; }
.banner a { display: inline-block; background: #000; }
.banner a img { transition: all 0.2s linear; }
.banner a img:hover { opacity: .7; }
.rightCol .banner { text-align: right; }

.mCSB_inside > .mCSB_container { margin-right: 15px; }

/*# sourceMappingURL=index.css.map */