@charset 'utf-8';

body{
	background: url(../img/all_bg.png) repeat;
	font-family:  'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
}


#Wrapper{
	min-width: 1280px;
	margin: 0 auto;
	background: url(../img/all_bg.png) repeat;
}

#linkArea a:hover{
	opacity: 0.7;
	-webkit-transition: all .40s ease;
	-ms-transition: all .40s ease;
	transition: all .40s ease;
}

#inner a:hover{
	opacity: 0.7;
	-webkit-transition: all .40s ease;
	-ms-transition: all .40s ease;
	transition: all .40s ease;
}

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: url(../img/all_bg.png) repeat;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 300px;
  margin-top: -100px;
  margin-left: -140px;
  text-align: center;
  color: #fff;
  z-index: 2;
}

/*----header----*/

header{
	width: 100%;
	height: 64px;
	background: url(../img/nav/h_bg.png) repeat-x;
    z-index: 1000;
}

header .navIn{
	width: 1100px;
	margin: 0 auto;
	position: relative;
}

header .h_logo{
	position: absolute;
	top: 17px;
	left: 0px;
}

header nav#gNav{
	position: absolute;
	top: 3px;
	right: 56px;
}

header nav#gNav ul{
	margin-top: 10px;
	overflow: hidden;
}

header nav#gNav ul li{
	float: left;
}

li.stand-by img{
	opacity: 0.7;
}

header div.sns{
	position: absolute;
	top: 21px;
	right: 0px;
}

/*----main----*/

section#mainArea{
	position: relative;
}

section#mainArea div.mainImg img{
	width: 100%;
	z-index: -9999;
}

p.top_txt_02{
	position: absolute;
	top: 620px;
    right: 60px;
}

div.underBox{
	position: absolute;
	width: 960px;
	margin: 0 auto;
	bottom: 20px;
	right: 0;
	left: 0;
	text-align: center;
}

div.underBox h2.day{
	margin: 20px 0;
}

div.underBox p.top_txt_01{
	margin: 40px 0 10px;
}

/*----linkArea----*/

section#linkArea{
	width: 100%;
	background: #1b333a;
}

.linkWrap{
	width: 990px;
	padding-bottom: 10px;
	margin: 0 auto;
}

.linkWrap ul{
	overflow: hidden;
}

.linkWrap ul li{
	width: 190px;
    box-sizing: border-box;
    display: block;
    float: left;
	margin-right: 10px;
	margin-top: 10px;
}

.linkWrap ul li:last-child{
	margin-right: 0px;
}

.linkWrap ul li:nth-child(5) {
	margin-right: 0px;
}



/*----footer----*/

footer{
	width: 100%;
	background-color: #a40000;
}

.footerWrap{
	width: 1100px;
	height: 60px;
	position: relative;
	margin: 0 auto;
}

div.shareArea{
	overflow: hidden;
	padding-top: 20px;
}

ul.inner{
	float:left;
	overflow: hidden;
}

ul.inner li{
	float: inherit;
}
ul.inner li:not(:first-child){
	margin-left: 10px;
}

p.copyright{
	position: absolute;
	right: 0px;
	color: #fff;
	font-size: 10px;
	bottom: 22px;
}


/* confetti */
.pixi{
    position: fixed;
    top:0;
    width:100%; height: 100vh;
    pointer-events: none;
}

/*---[[NEW!!]]---*/

div#inner{
	width: 1100px;
	height: 1236px;
	margin: 0 auto;
	background: url(../img/main_bg03.jpg) no-repeat;
	position: relative;
}

/*----linkArea02!!----*/

div#linkArea02{
	position: absolute;
	top: 64px;
	left: 30px;
}

/*----picupArea----*/

#pick01{
	position: absolute;
	top: 10px;
	left: -10px;
}

#pick02{
	position: absolute;
	top: 230px;
	left: -10px;
}

#pick03{
	position: absolute;
	top: 20px;
	right: -9px;
}

#pick04{
	position: absolute;
	top: 150px;
	left: -10px;
}