@charset "UTF-8";

/* common
--------------------*/
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

::selection {
    background: #fff;
    color: #222;
}



//Firefox
::-moz-selection {
    background: #000;
    color: #fff;
}

.spnone{
	display: none;
}

section.mainWrap{
	opacity: 1.0;
	transition: 0.9s;
	filter:blur(0px);
}

small{
	font-size: 11px;
}

#sp{
	display: none;
}

a{color: #1196fc;}

html{
	-webkit-font-smoothing: antialiased;
-webkit-backface-visibility: hidden; 
}
html,body{
	height: 100%;
	width: 100%;
	overflow: scroll;
}
section.mainWrap.act{
	transform: scale(1.0);
	transition: 0.4s;
	filter:blur(7px);
	opacity:0;
}


/*body:after{
	content:"";
	opacity:0;
	pointer-events: none;
	width: 100%;
	height: 100%;
	position: fixed;
	background: #111;*/
}

body.act:after{
	opacity:1.0;
	transition: 0.7s;
	z-index:1000;
}

h1{
	margin: 0;
    font-size: 2.0rem;
    color: #fff;
    letter-spacing: 7px;
    font-weight: 200;
    line-height: 1.25;
}





p.moreLink{
	width: 100%;
	text-align: center;
	margin-top: 35px;
	opacity:0;
	position: relative;
}

.on p.moreLink{
	opacity:1.0;
	transition: 2.0s all;
}

p.moreLink a{
	color: #333333;
	font-size: 14px;
	border-bottom: 1px solid #333;
	padding: 0 3px 4px;
	overflow-x: hidden;
}

p.moreLink a:hover{
	border-bottom: 1px solid #9d001a;
	color: #9d001a;
	transition: 0.3s all;
}

h3.cmn{
	font-size: 22px;
	font-weight: 800;
	margin-top: 53px;
	margin-bottom: 35px;
}



.pcnone{
	display: none;
}

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


#wrap{
	width: 100%;
	margin: 0 auto;
	background: #f1f1f1;
}

#wrap .wrapInner{
	width: 1024px;
	margin: 0 auto;
}

header{
	position: fixed;
	left:0%;
	top:0;
	z-index: 1000;
	width: 100%;
}

header .inner{
	width: 1024px;
	margin: 0 auto;
}



header div.headerRight{
	float: right;
}

header .gnav{
	text-align: right;
	margin-right: 68px;
	line-height: 10px;
}

header .gnav:first-child{
	margin: 15px 68px 17px 0;
}

header .gnav li{
/*	font-size: 10.5px;*/
	font-size: 13px;
	display: inline-block;
	margin-left: 15px;
}

header .gnav li a{
	color: #989898;
	opacity: 1.0;
	transition: 0.3s all;
}

header .gnav li a:hover{
	color: #9d001a;
	transition: 0.3s all;
}

header .headerRight{
	float: left;
}

header .gnav .current a{
	color: #fff;
}


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

#pageTop{
	margin-top: 55px;
	text-align: center;
	background: #4d4d4d;
	padding: 15px 0;
	width: 100%;
	transition: 0.3s all;
	
}

#pageTop:hover{
	opacity: 0.9;
	transition: 0.3s all;
}

#pageTop img{
	height: 10px;
}





footer .inner{
	width: 820px;
	margin: 0 auto;
}

footer ul{
	margin-bottom: 28px;
}

footer .column1, footer .column2{
	float: left;
}
footer .column3{
	float: right;
}

footer .column1 {
	width: 240px;
	padding-top: 38px;
}
footer .column1 li{
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 15px;
}
footer .column1 p{
	margin-bottom: 10px;
}

footer .column2{
	padding-top: 122px;
	padding-left: 160px;
}

footer .column2 img{
	height: 68px;
}

footer .column3{
	margin-top: 85px;
}

footer .column3 ul.sns li{
	display: inline-block;
	margin-left: 4px;
}

footer p.copy{
	width: 100%;
	font-size: 13px;
	text-align: center;
	padding-bottom: 15px;
}

#loading{
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-100px;
	margin-top: -100px;
}

@keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
	}
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);

  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);


	}
}
@-webkit-keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);

  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);

	}
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);

  }
}
.lds-eclipse {
  position: relative;
}
.lds-eclipse div {
  position: absolute;
  -webkit-animation: lds-eclipse 0.9s linear infinite;
  animation: lds-eclipse 0.9s linear infinite;
  width: 120px;
  height: 120px;
  top: 40px;
  left: 40px;
  border-radius: 50%;
  box-shadow: 0 1.5px 0 0 #ffffff;
  -webkit-transform-origin: 60px 61px;
  transform-origin: 60px 61px;
}
.lds-eclipse {
  width: 200px !important;
  height: 200px !important;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

#loading.act{
	opacity:0;
	filter: blur(5px);
	transition: 0.3s;
	transition-delay: 0.15s;
	pointer-events: none;
}