@charset "UTF-8";

html {
	height: 100%;
	width: 100%;
}

body {
	position: relative;
	width: 100%;
	color: #ffffff;
	font-size: 30px;
	line-height: 1.4;
	word-wrap: break-word;
	overflow-wrap: break-word;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Helvetica, sans-serif;
	background: url(../image/gaiyoubg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-attachment: fixed;
}

div.section { /*background: rgba(255,255,255,0.3);*/
height: 1000px; }

#ov-bg {
	height: 100%;
	width: 100%;
	min-width: 1400px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-attachment: fixed;
}

/**/
img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
	border-style: none;
}

li { list-style: none; }

a { text-decoration: none; }

a:link, a:hover, a:active { color: #ffffff; }

a:visited { color: #ffffff; }

a:focus { outline: none; }

/*clearfix*/
.cf:before, .cf:after {
	content: "";
	display: table;
}

.cf:after, .clear { clear: both; }

cf::after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
}

.tc { text-align: center !important; }

.tr { text-align: right !important; }

.tl { text-align: left !important; }

.pos-rel { position: relative; }

.pos-abs { position: absolute; }

.pos-fix { position: fixed; }

.pos-inhe { position: inherit; }

* {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4 {
	padding: 0;
	margin: 0;
}

a { display: inline-block; }

#page-topbt {
	position: fixed;
	bottom: 10%;
	right: 0;
	z-index: 200;
}

.pre-end {
        top:-20;
        right:0;
        left:0;
        display:block;
        margin:0 auto;
}


/*==================================
ALL
===================================*/
header#header > .inner-box, footer#footer > .inner-box, #main > .inner-box, #top-maintxt > .inner-box {
	width: 100%;
	min-width: 1400px;
	margin: 0 auto;
}

#hed-main.inner-box2, #top-hed.inner-box2, #system #system-inner2, .endtxt {
	width: 1024px;
	margin: 0 auto;
}

/*==================================
header
===================================*/
header#header {
	position: relative;
	width: 100%;
	min-width: 1400px;
	text-align: left;
	background: #000000;
	z-index: 100;
}

#header h1 { font-size: 12px; }

#hed-main { }

#hed-main h1 { padding: 2px 10px; }

.logoimg {
	top: 6px;
	left: 30px;
	z-index: 5;
}

.side-cont { z-index: 10; }

.top-bunlist { z-index: 10; }


.langLinkbox {
        top:5px;
        right:20px;
        z-index:15;
        font-size:12px;
        text-align:center;
        color: #000000;
        width: 120px;
}
.langLinkbox .langLink {
        padding:2%;
        border:1px solid #000000;
}
.langLinkbox .langLink a {
        color: #000000;
        text-decoration:underline;
}
#footer .langLinkbox .langLink {
        display:inline-block;
        border:1px solid #cfcfcf;
        color: #cfcfcf;
        padding:5px;
}
#footer .langLink a {
        color: #cfcfcf;
}

/*==================================
main
===================================*/
#main-cont {
	width: 100%;
	min-width: 2000px;
	margin: 0 auto;
}

/*tophed*/
#top-hed { }

.side-cont {
	width: 358px;
	min-height: 824px;
	margin-left: 648px;
	padding-top: 50px;
}

.top-bunlist {
	width: 993px;
	margin: 0 auto;
	padding: 30px 0 100px;
}

.top-bunlist ul { }

.top-bunlist li {
	display: block;
	background: rgba(0,0,0,0.3);
}

.top-bunlist li img {
	width: 100%;
	height: 100px;
}

/* 8
.top-bunlist li {
	display: inline-block;
	width: 24%;
	margin-top: 5px;
	margin-right: 5px;
	box-sizing: border-box;
}
.top-bunlist li:nth-child(4n) {
	margin-right: 0px;
}*/
.top-movie { }

.top-prmAppdl {
	width: 357px;
	height: 121px;
	margin: 0 auto;
	background: url(../image/prmapp-infonbg.png) top center no-repeat;
	text-align: center;
}

.top-prmAppdl li { display: inline-block; }

.top-prmAppdl ul { padding-top: 60px; }

.top-snsbtlist {
	text-align: left;
	margin-left: 134px;
}

.ft-snsbtlist {
	margin-top: 30px;
	text-align: center;
}

.top-snsbtlist li, .ft-snsbtlist li {
	width:54px;
	display: inline-block;
	margin-left: 20px;
}

.top-snsbtlist li:first-child, .ft-snsbtlist li:first-child { margin: 0; }

.side-cont .side-cont-mgbt { margin-bottom: 11px; }

.side-cont .top-prmAppdl.side-cont-mgbt { margin-bottom: 16px; }

.side-cont .top-snsbtlist.side-cont-mgbt { margin-bottom: 10px; }

/**/
.section-inner {
	position: relative;
	width: 1024px;
	margin: 0 auto;
	box-sizing: inherit;
}

div#top-hedbox {
	width: 100%;
	min-width: 1492px;
	background-image: url(../image/main-kvbg.png);
	background-repeat: no-repeat;
	background-position: center top;
}

@media screen and (min-width:2000px) {

div#top-hedbox {
	background-image: url(../image/main-kvbgb.png);
	background-repeat: repeat-x;
	background-position: center top,;
}
}

div#top-hedbox.section { height: 1196px; }

#top-prebox {
	width: 100%;
	min-width: 1492px;
	margin-top: -363px;
	height: auto;
}

.regist-List { z-index: 10; }

.regist-List li {
	float: left;
	margin: 8px 3px;
}

.regist-List li a { display: block; }

.regist-List li:first-child { margin-left: 0; }

.regist-List li:last-child { margin-right: 0; }

#top-pre { height: 1338px; }

.top-catch {
	top: 435px;
	width: 611px;
	height: 354px;
	right: -34px;
	background: url(../image/top-text.png) no-repeat;
}

.davil-box {
	width: 100%;
	background: url(../image/pre-devil.png) no-repeat center bottom;
	height: 1473px;
	min-width: 1400px;
}

.pre-catch { margin-top: 30px; }

.img-vagit { top: 346px; }

.pre-txt02 {
	top: 750px;
	right: 0;
	z-index: 3
}

.pre-remu {
	bottom: 0;
	right: -55px;
}

#regist {
	width: 100%;
	min-width: 1492px;
	margin: 0 auto;
}

#regist-box { padding-bottom: 200px; }

#pre {
	width: 1492px;
	position: relative;
	margin: 0 auto;
}

#pre-box { height: auto;padding-bottom:70px; }

.pre-List {
	width: 1228px;
	margin-left: 240px;
}

.pre-List li:nth-child(even) { margin: 25px auto 0 auto; }

.pre-List li:nth-child(2n) img { margin-left: 440px; }

.pre-List li:nth-child(6) { margin: -50px auto 0 auto; }

.pre-List li:nth-child(10) { margin: -40px auto 0 auto; }

.pre-List li:nth-child(14) { margin: -90px auto 0 auto; }

.pre-List li:nth-child(16) { margin: -20px auto 0 auto; }

.pre-List li:nth-child(18) { margin: -30px auto 0 auto; }

.pre-List li img.img-iconbreak {top:0;left:-105px;}
.pre-List li:nth-child(5) img.img-iconbreak {top:42px;left:-105px;}
.pre-List li:nth-child(7) img.img-iconbreak {top:12px;left:-105px;}
.pre-List li:nth-child(9) img.img-iconbreak {top:30px;left:-105px;}
.pre-List li:nth-child(11) img.img-iconbreak {top:31px;left:-105px;}
.pre-List li:nth-child(13) img.img-iconbreak {top:63px;left:-105px;}
.pre-List li:nth-child(15) img.img-iconbreak {top:10px;left:-105px;}
.pre-List li:nth-child(17) img.img-iconbreak {top:56px;left:-105px;}
.pre-List li:nth-child(19) img.img-iconbreak {top:12px;left:-105px;}
.pre-List li:nth-child(21) img.img-iconbreak {top:54px;left:-105px;}
.pre-List li:nth-child(23) img.img-iconbreak {top:0px;left:-105px;}

.pre-List li a {display: inline-block;}
.pre-List li.item-05 a.img-btopen { bottom: 134px;right: 404px;}
.pre-List li.item-07 a.img-btopen { bottom: 168px;right: 404px;}
.pre-List li.item-09 a.img-btopen { bottom: 104px;right: 404px;}
.pre-List li.item-11 a.img-btopen { bottom: 166px;right: 423px;}
.atte { font-size: 18px; }
.ban-official{
margin: 20px auto;
}
.inline-box{
padding: 30px 0;
}
.inline-text{
font-size: 18px;
}

.inlint-bt{
text-align: center;
margin: 10px auto;
}


/*==================================
footer
===================================*/
#footer {
	z-index: 100;
	width: 100%;
	min-width: 1492px;
	margin-top: -240px;
	/*min-height: 580px;*/
	background: url(../image/endbg.png) top center no-repeat;
	background-size: cover;
}

.ft-btrebox {
	width: 100%;
	min-width: 1400px;/*min-height: 580px;*/
}

.ft-btreinner {
	width: 1024px;
	margin: 0 auto;
}

.ft-btreinner .ft-btreimg {
	top: 0;
	right: 0;
}

.footer-inner {
	text-align: center;
	width: 1024px;
	margin: 0 auto;
	padding-top: 140px;
	font-size: 16px;
}

.trademark{
margin-bottom: 10px;
}
.footer-txtinner { padding-top: 90px; }

@media screen and (min-width:2000px) {

#footer {
	background: url(../image/endbg.png) top center repeat-x;
	background-size: cover;
}

.footer-inner { padding-top: 140px; }

.footer-txtinner { padding-top: 0px; }
}

#index .footer-txtinner { padding-bottom: 20px; }

#fot-main {
	padding: 20px 10px 10px;
	text-align: left;
}

#fot-main .logo-copy { margin-bottom: 15px; }

#fot-main .logo-copy img.segalogo {
	display: inline-block;
	margin-right: 15px;
}

#fot-main .logo-copy .logo-copy-txt {
	display: inline-block;
	padding-top: 34px;
}

#fot-main .ft-txtlink { margin-top: 10px; }

#fot-main .ft-txtlink li {
	display: inline-block;
	margin-right: 10px;
}

#fot-main .ft-txtlink li a { text-decoration: underline; }

#system #footer { /*min-height: 570px;*/
margin-top: 0; }

/*==================================
otherCont-ALL
===================================*/

#wrap-ot-bgbox {
	width: 100%;
	min-width: 1400px;
	background-image: url(../image/ot-bg.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 2000px auto;
}

@media screen and (min-width:2000px) {

#wrap-ot-bgbox { background-size: cover; }
}