@charset "UTF-8";
/*/////////////////////////////////////////////////////////////////////////
ラングリッサー リインカーネーション -転生-
/////////////////////////////////////////////////////////////////////////*/
* { margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
html, body { height:100%;}
body { text-align:center; font:13px/1.231 sans-serif; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, sans-serif; *font-size:small; *font:x-small;}
h1, h2, h3, h4, h5, h6, table, caption, tbody, tfoot, thead, tr, th, td { font-size:100%;}
a,embed,object { outline:none;}
img { border:none; box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;}
hr { display:none;}
li { list-style:none;}
.alt { position:absolute; top:-5000px; left:-9999px; text-align:left;}
.clearfix:after { content:""; clear:both; display:block;}
a { color:#dbb875; text-decoration:none; outline:none;}

/*@common
//////////////////////////////////////////////////////*/
body { background:#000; color:#fff; line-height:1; min-width:1024px;}
.inner { width:980px; text-align:left; margin:0 auto; position:relative;}

/*head*/
#header { width:100%; height:36px; background:#000; z-index:10; overflow:hidden;}
#header .inner { height:36px; padding-top:8px;}
#header .inner:after { content:""; clear:both; display:block;}
#header #fcomLogo { width:300px; float:left; margin-left:10px;}
#header #fcomLogo a:hover { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
#header img { vertical-align:middle;}
#header ul { float:right; width:660px; list-style:none; text-align:right;}
#header ul li { float:right;}
#header ul li.twitter { width:100px;}
#header ul li.hatena { padding:0 10px;}
#header ul li.facebook { padding-right:10px;}
#header ul li.gplus {}
/*footer*/
#footer_temp { margin:0;}

#contentsHead { height:857px; background:url(../img/title.jpg) no-repeat center 0;}
#contentsHead .inner { height:857px; background:url(../img/title.jpg) no-repeat center 0; text-indent:-9999px;}
	#contentsHead h1,
	#contentsHead h2,
	#contentsHead p { display:none;}
	#contentsHead #menu { position:absolute; top:676px; left:39px;}
	#contentsHead #menu li a {
		display:block; width:440px; height:65px; text-indent:-9999px; position:absolute; background:#000;
		-webkit-transition:all 0.2s 0s ease; -moz-transition:all 0.2s 0s ease; transition:all 0.2s 0s ease;
		filter:alpha(opacity=0); -moz-opacity:0; opacity:0;
	}
	#contentsHead #menu li#m1 a { top:0; left:0;}
	#contentsHead #menu li#m2 a { top:0; left:464px;}
	#contentsHead #menu li#m3 a { top:77px; left:0;}
	#contentsHead #menu li#m4 a { top:77px; left:464px;}
	#contentsHead #menu li a:hover { filter:alpha(opacity=25); -moz-opacity:0.25; opacity:0.25;}

#contentsMain { background:url(../img/bg.jpg); padding:22px 0 40px; position:relative;}
#contentsMain h2 { background:url(../img/h2-bg.png) repeat-x; height:132px;}
	#contentsMain h2 span { display:block; width:980px; height:132px; margin:0 auto; text-indent:-9999px;}
	#contentsMain h2#title1 span { background:url(../img/h2-1.png) no-repeat;}
	#contentsMain h2#title2 span { background:url(../img/h2-2.png) no-repeat;}
	#contentsMain h2#title3 span { background:url(../img/h2-3.png) no-repeat;}
	#contentsMain h2#title4 span { background:url(../img/h2-4.png) no-repeat;}
#contentsMain > .inner { padding-right:210px;}
#contentsMain > .inner .read { width:730px; font-size:14px; line-height:1.8; text-align:center; padding:25px 20px 20px;}
#contentsMain > .inner h3 { display:none;}
#contentsMain > .inner p { font-size:12px; line-height:2.3;}
#contentsMain > .inner div { position:relative; z-index:999;}
#contentsMain > .inner .copy { font-size:10px; color:#7a6351; text-align:center; padding-top:80px;}

/*01*/
#contentsMain .box1-1 { width:745px; height:510px; background:url(../img/1-1.jpg) no-repeat;}
#contentsMain .box1-2 { width:745px; height:620px; background:url(../img/1-2.jpg) no-repeat; margin-bottom:10px;}
#contentsMain .box1-3 { width:745px; height:332px; background:url(../img/1-3.jpg) no-repeat; margin-bottom:20px;}
#contentsMain .box1-4 { width:745px; height:332px; background:url(../img/1-4.jpg) no-repeat; margin-bottom:40px;}
#contentsMain .box1-1 p { width:320px; position:absolute; top:138px; left:0;}
#contentsMain .box1-2 p { width:320px; position:absolute; top:138px; right:0;}
#contentsMain .box1-3 p { width:295px; position:absolute; top:60px; left:438px; line-height:2;}
#contentsMain .box1-4 p { width:270px; position:absolute; top:70px; left:30px; line-height:2;}
/*02*/
#contentsMain .box2-1 { width:770px; height:660px; background:url(../img/2-1.jpg) no-repeat;}
#contentsMain .box2-1 p { width:480px; position:absolute; top:20px; left:10px;}
#contentsMain .box2-2 {
	width:745px; height:1010px; background:url(../img/2-2.jpg) no-repeat;
	margin-bottom:40px; position:relative; z-index:1;
	}
	#contentsMain .box2-2 ul { position:relative; z-index:10;}
	#contentsMain .box2-2 li { position:absolute;}
	#contentsMain .box2-2 li a {
		display:block; width:72px; height:72px; text-indent:-9999px; background:#000;
		-webkit-transition:all 0.2s 0s ease; -moz-transition:all 0.2s 0s ease; transition:all 0.2s 0s ease;
		filter:alpha(opacity=0); -moz-opacity:0; opacity:0;
	}
	#contentsMain .box2-2 li a:hover { filter:alpha(opacity=25); -moz-opacity:0.25; opacity:0.25;}
	#contentsMain .box2-2 li#c1 { top:570px; left:344px;}
	#contentsMain .box2-2 li#c2 { top:448px; left:289px;}
	#contentsMain .box2-2 li#c3 { top:448px; left:399px;}
	#contentsMain .box2-2 li#c4 { top:692px; left:399px;}
	#contentsMain .box2-2 li#c5 { top:692px; left:289px;}
	#contentsMain .box2-2 li#c6 { top:680px; left:538px;}
	#contentsMain .box2-2 li#c7 { top:458px; left:57px;}
	#contentsMain .box2-2 li#c8 { top:555px; left:112px;}
	#contentsMain .box2-2 li#c9 { top:743px; left:141px;}
	#contentsMain .box2-2 li#c10 { top:871px; left:226px;}
	#contentsMain .box2-2 li#c11 { top:871px; left:376px;}
	#contentsMain .box2-2 li#c12 { top:871px; left:56px;}
	#contentsMain .box2-2 li#c13 { top:644px; left:57px;}
	#contentsMain .box2-2 li#c14 { top:871px; left:141px;}
	#contentsMain .box2-2 li#c15 { top:644px; left:164px;}
	#contentsMain .box2-2 li#c16 { top:166px; left:361px;}
	#contentsMain .box2-2 li#c17 { top:166px; left:261px;}
	#contentsMain .box2-2 li#c18 { top:166px; left:501px;}
	#contentsMain .box2-2 li#c19 { top:63px; left:261px;}
	#contentsMain .box2-2 li#c20 { top:63px; left:361px;}
	#contentsMain .box2-2 li#c21 { top:63px; left:465px;}
	#contentsMain .box2-2 li#c22 { top:63px; left:157px;}
	#contentsMain .box2-2 li#c23 { top:810px; left:543px;}
	#contentsMain .box2-2 li#c24 { top:436px; left:631px;}
	#contentsMain .box2-2 li#c25 { top:810px; left:630px;}
	#contentsMain .box2-2 li#c26 { top:508px; left:545px;}
	#contentsMain .box2-2 li#c27 { top:549px; left:631px;}
	#contentsMain .box2-2 li#c28 { top:269px; left:357px;}
	#contentsMain .box2-2 li#c29 { top:269px; left:517px;}
	#contentsMain .box2-2 li#c30 { top:684px; left:631px;}
	#contentsMain .box2-2 li#c1 a,
	#contentsMain .box2-2 li#c2 a,
	#contentsMain .box2-2 li#c3 a,
	#contentsMain .box2-2 li#c4 a,
	#contentsMain .box2-2 li#c5 a { width:88px; height:89px;}
	#contentsMain .box2-2 li#c6 a { width:80px; height:81px;}
	#contentsMain .box2-2 li#c28 a,
	#contentsMain .box2-2 li#c29 a { width:80px; height:81px;}

/*03*/
#contentsMain .box3-1 { width:745px; height:590px; background:url(../img/3-1.jpg) no-repeat; margin-bottom:10px;}
#contentsMain .box3-2 { width:745px; height:332px; background:url(../img/3-2.jpg) no-repeat; margin-bottom:30px;}
#contentsMain .box3-3 { width:745px; height:860px; background:url(../img/3-3.jpg) no-repeat; margin-bottom:10px;}
#contentsMain .box3-4 { width:745px; height:349px; background:url(../img/3-4.jpg) no-repeat; margin-bottom:30px;}
#contentsMain .box3-5 { width:745px; height:590px; background:url(../img/3-5.jpg) no-repeat; margin-bottom:10px;}
#contentsMain .box3-6 { width:745px; height:332px; background:url(../img/3-6.jpg) no-repeat; margin-bottom:40px;}
#contentsMain .box3-1 p { width:320px; position:absolute; top:105px; left:0;}
#contentsMain .box3-2 p { width:295px; position:absolute; top:70px; left:438px; line-height:2;}
#contentsMain .box3-3 p { width:320px; position:absolute; top:105px; left:0;}
#contentsMain .box3-4 p { width:295px; position:absolute; top:70px; left:438px; line-height:2;}
#contentsMain .box3-5 p { width:320px; position:absolute; top:105px; left:0;}
#contentsMain .box3-6 p { width:295px; position:absolute; top:70px; left:438px; line-height:2;}
/*04*/
#contentsMain .box4-1 { width:745px; height:700px; background:url(../img/4-1.jpg) no-repeat; margin:35px 0 40px;}
#contentsMain .box4-1 p { width:600px; position:absolute; top:100px; left:70px;}


/*right*/
#contentsR { width:100%; height:100%; position:absolute; top:0; left:0;}
#contentsR .inner { height:100%;}
#contentsRin { width:200px; height:100%; background:#221000; position:absolute; top:0; right:10px;}
#contentsR .bn2 { padding:30px 20px;}
#contentsR h4 {
	display:block; width:200px; height:50px; text-indent:-9999px;
	background:url(../img/h4.png) no-repeat;
}
#newsList { line-height:1.5; padding:20px 20px 20px 23px;}
#newsList .itemBox { margin-bottom:25px;}
#newsList .itemBox a { color:#fff;}
#newsList .itemBox a:hover { text-decoration:underline;}
#newsList .itemBox .news-time { font-size:10px; color:#ffff00;}

/*＠Overlay
///////////////////////////////////////////////////////*/
.mfp-bg {
	width:100%; height:100%; background:#000;
	position:fixed; top:0; left:0; z-index:1042; overflow:hidden;
	opacity:0.85; filter:alpha(opacity=85);
}
.mfp-wrap {
	width:100%; height:100%; position:fixed; top:0; left:0; z-index:1043;
	outline:none !important; -webkit-backface-visibility:hidden;
}
.mfp-container {
	width:100%; height:100%; text-align:center;
	position:absolute; top:0; left:0; padding:0 8px;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	}
	.mfp-container:before { content:''; display:inline-block; height:100%; vertical-align:middle;}
	.mfp-align-top .mfp-container:before { display:none;}
.mfp-content { position:relative; display:inline-block; text-align:left; vertical-align:middle; margin:0 auto; z-index:1045;}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content { width:100%; cursor:auto;}
.mfp-ajax-cur { cursor:progress;}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor:-moz-zoom-out; cursor:-webkit-zoom-out; cursor:zoom-out;}
.mfp-zoom { cursor:pointer; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in;}
.mfp-auto-cursor .mfp-content { cursor:auto;}
.mfp-close, .mfp-arrow,
.mfp-preloader,
.mfp-counter { -webkit-user-select:none; -moz-user-select:none; user-select:none;}
.mfp-loading.mfp-figure { display:none;}
.mfp-hide { display:none !important;}
.mfp-preloader {
	position:absolute; top:50%; left:8px; right:8px; z-index:1044;
	width:auto; text-align:center; color:#ccc; margin-top:-0.8em;
	}
	.mfp-preloader a { color:#ccc;}
	.mfp-preloader a:hover { color:#fff;}
	.mfp-s-ready .mfp-preloader { display:none;}
.mfp-s-error .mfp-content { display:none;}

button.mfp-close, button.mfp-arrow {
	overflow:visible; cursor:pointer; border:0; -webkit-appearance:none;
	display:block; outline:none; padding:0; z-index:1046;
	-webkit-box-shadow:none; box-shadow:none; text-indent:-9999px;
}
button::-moz-focus-inner { padding:0; border:0;}

/*close&arrow*/
.mfp-close { width:70px; height:70px; position:absolute; right:-20px; top:0; background:url(../img/close.png) no-repeat;}
.mfp-counter { position:absolute; top:0; right:0; color:#ccc; font-size:12px; line-height:18px; white-space:nowrap;}
.mfp-arrow { width:70px; height:70px; position:absolute; top:40%; margin:0; padding:0;}
.mfp-arrow-left { left:30px; background:url(../img/arrow-left.png) no-repeat;}
.mfp-arrow-right { right:30px; background:url(../img/arrow-right.png) no-repeat;}

/*iframe*/
.mfp-iframe-holder { padding-top:40px; padding-bottom:40px;}
.mfp-iframe-holder .mfp-content { line-height:0; width:100%; max-width:900px;}
.mfp-iframe-holder .mfp-close { top:-40px;}
.mfp-iframe-scaler { width:100%; height:0; overflow:hidden; padding-top:56.25%;}
.mfp-iframe-scaler iframe {
	display:block; width:100%; height:100%;
	position:absolute; top:0; left:0;
	box-shadow:0 0 8px rgba(0, 0, 0, 0.6); background:#000;
}

img.mfp-img {
	display:block; width:auto; max-width:100%; height:auto; line-height:0;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	padding:0; margin:0 auto;
}
/*shadow*/
.mfp-figure { line-height:0;}
.mfp-figure:after {
	content:''; display:block; width:auto; height:auto;
	position:absolute; left:0; top:40px; bottom:40px; right:0; z-index:-1;
}
.mfp-figure small { display:block; font-size:12px; line-height:14px;}
.mfp-figure figure { margin:0;}
.mfp-bottom-bar { display:none;}
.mfp-title { text-align:left; line-height:18px; color:#f3f3f3; word-wrap:break-word; padding-right:36px;}
.mfp-image-holder .mfp-content { max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure { cursor:pointer;}

@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
.mfp-img-mobile .mfp-image-holder { padding-left:0; padding-right:0;}
.mfp-img-mobile img.mfp-img { padding:0;}
.mfp-img-mobile .mfp-figure:after { top:0; bottom:0;}
.mfp-img-mobile .mfp-figure small { display:inline; margin-left:5px;}
.mfp-img-mobile .mfp-bottom-bar {
	position:fixed; top:auto; bottom:0; margin:0; padding:3px 5px; background:rgba(0, 0, 0, 0.6);
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty { padding:0;}
.mfp-img-mobile .mfp-counter { right:5px; top:3px;}
.mfp-img-mobile .mfp-close {
	width:35px; height:35px; line-height:35px; text-align:center;
	background:rgba(0, 0, 0, 0.6); position:fixed; top:0; right:0; padding:0;}
}

@media all and (max-width:900px) {
.mfp-arrow { -webkit-transform:scale(0.75); transform:scale(0.75);}
.mfp-arrow-left { -webkit-transform-origin:0; transform-origin:0;}
.mfp-arrow-right { -webkit-transform-origin:100%; transform-origin:100%;}
.mfp-container { padding-left:6px; padding-right:6px;}
}

/*IE*/
.mfp-ie7 .mfp-img { padding:0;}
.mfp-ie7 .mfp-container { padding:0;}
.mfp-ie7 .mfp-content { padding-top:44px;}
.mfp-ie7 .mfp-close { top:0; right:0; padding-top:0;}