@charset "UTF-8";
body{ overflow-y: scroll; }
/* --------------------
- loading
-------------------- */
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
background:#ffeea2 url(../images/background/bg.gif) repeat;
z-index: 40000;
background-attachment: fixed;
background-size: contain;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: -100px;
  margin-left: 0;
  text-align: center;
  color: #fff;
  z-index: 2;
}
#loader {
  top: 50%;
  left: 50%;
  width: 400px;
  height: 400px;
  margin-top: -200px;
  margin-left: -200px;
}
#loader img {
 width: auto;
height: auto;
}
@media screen and (max-width: 896px) {
#loader-bg { background-attachment: scroll; background-size: contain; }
#loader { top: 70%; }
#loader img { width: 65%; }
}	
/* ------- common ------- */
body.home #container_footer {
background: url(../images/home/bg-green.png)  repeat-x  bottom center;
}
body.home #mainContents {
background: url(../images/background/star2.png) repeat  top right;
/*background-size: 80%;*/
}
body.home #allContents {
max-width: 1270px;
position: relative;
z-index: 1;
}
/* ------- header ------- */
body.home #header {
width: 260px;
margin: .6% auto 0;
}
body.home h1 {
width: 430px;
margin: 0 auto 10% -3vw;
}
body.home .sns { 
margin:0 auto; 
}
body.home .sns ul { 
display: flex; 
 justify-content: center; 
 }
body.home .sns ul li { 
font-size:2rem; 
margin:0 10px ; 
}
body.home .sns ul li a { 
color:#0069af;
}
@media screen and (max-width: 896px) {
body.home #container_footer { background: none; }
body.home #mainContents { background: url(../images/background/star2.svg) repeat top right; background-size: 200%; }
body.home #allContents { max-width: inherit; margin-bottom:6vh; }
body.home #header { width: 100%; margin: 0 auto; }
body.home h1 { width:60%; margin: 0; }
body.home h1 img { width: 100%; }
body.home .sns { display:none; }
}
/* ------- main ------- */
body.home #contents {
padding-top: 4%;
min-width:720px;
margin-bottom: 3vh;
}
body.home #contents img {
filter: drop-shadow(0px 0px 1rem #ffffff);
-webkit-filter: drop-shadow(0px 0px 1rem #ffffff);
-moz-filter: drop-shadow(0px 0px 1rem #ffffff);
}
body.home #contents img {
-webkit-filter: drop-shadow(0px 0px 10px #FFFFFF) drop-shadow(0px 0px 9px rgba(255,255,255));
filter: drop-shadow(0px 0px 10px #FFFFFF) drop-shadow(0px 0px 9px rgba(255,255,255));
}
@media screen and (max-width: 896px) {
body.home #contents {
min-width: initial;
background: url(../images/home/bg-green.png)  repeat-x bottom center;
background-size:220%;
margin-bottom: 0;
padding-bottom: 2vh;
}
}
/* ------- side ------- */
body.home #side {
position: relative;
margin-top : 5%;
min-width:297px;
}
body.home .trailer { 
border:solid 7px #fdd000;
border-radius: 3px;
min-height: 158px;
min-width: 290px;
overflow: hidden;
position: relative;
z-index: 1;
margin: 0 auto; 
}
.mov a {
display: block;
position: relative;
vertical-align:bottom;
}
.mov a:before {
content: '';
position: absolute;
width: 57px;
height: 57px;
left: 50%;
top: 50%;
margin-left: -26px;
margin-top: -30px;
background: url(../images/common/btn.png) no-repeat;
background-size:100%;
transition: all 0.3s ease;
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
.mov a:hover:before {
transform: scale(1.1);
filter:alpha(opacity=1);
-moz-opacity: 1;
opacity: 1;
}
body.home .trailer-video { display: none; }
iframe {
vertical-align: bottom;
border-radius: 6px;
width: 100%;
}
@media screen and (max-width: 869px) {
body.home #side { margin-top : 0 ; }
img { pointer-events: none; }
body.home .trailer { 
border: solid 7px #FFDD7F;
}
body.home.trailer {
margin: 0 auto;
min-height: auto;
min-width: auto;
position: static;
}
body.home .mov { display: none; }
body.home .trailer-video {
display: block;
height: 44.266666666666666vw;
}
body.home .trailer-video iframe { height: 100%; }
} 
body.home .top_newsArea,
body.home .top_twitterArea { 
margin: 1.4vh auto 0; 
padding: 8px 20px;
width:100%;
background-color: rgba(255,255,255,0.9);
border-radius: 3px;
}
body.home h2 {
font-family: 'Share Tech', sans-serif;
font-size:30px;
letter-spacing: .026em;
font-weight:bold;
color:#1d5884;
line-height: 1.8;
text-shadow:0px 3px 1px #FFFFFF,0px 2px 1px #FFFFFF,1px 2px 1px #FFFFFF,2px 2px 1px #FFFFFF,2px 1px 1px #FFFFFF,2px 0px 1px #FFFFFF,3px 0px 1px #FFFFFF,2px -1px 1px #FFFFFF,2px -2px 1px #FFFFFF,2px -3px 1px #FFFFFF,1px -3px 1px #FFFFFF,0px -3px 1px #FFFFFF,-1px -3px 1px #FFFFFF,-2px -3px 1px #FFFFFF,-3px -3px 1px #FFFFFF,-3px -2px 1px #FFFFFF,-3px -1px 1px #FFFFFF,-3px 0px 1px #FFFFFF,-3px 1px 1px #FFFFFF,-3px 2px 1px #FFFFFF,-2px 2px 1px #FFFFFF,-1px 2px 1px #FFFFFF;
filter:dropshadow(color=#FFFFFF,offx=0,offy=3,positive=1),dropshadow(color=#FFFFFF,offx=2,offy=1,positive=1),dropshadow(color=#FFFFFF,offx=2,offy=-1,positive=1),dropshadow(color=#FFFFFF,offx=1,offy=-3,positive=1),dropshadow(color=#FFFFFF,offx=-2,offy=-3,positive=1),dropshadow(color=#FFFFFF,offx=-3,offy=-2,positive=1),dropshadow(color=#FFFFFF,offx=-3,offy=1,positive=1),dropshadow(color=#FFFFFF,offx=-1,offy=2,positive=1);
}
body.home h2:before {
content: "";
display: inline-block;
width: 68px;
height:20px;
margin: 0 5px 0 0;
background: url(../images/home/left_line.svg) no-repeat top left;
background-size: cover;
}
body.home h2:after {
content: "";
display: inline-block;
width: 68px;
height:20px;
margin: 0 0 0 5px;
background: url(../images/home/right_line.svg) no-repeat top right;
background-size: cover;
}
body.home .top_newsArea .top_news_inner {
text-align: left;
margin: 0 auto ;
}
body.home .top_newsArea h2:before,
body.home .top_newsArea h2:after {
width: 87px;
}
body.home .top_newsArea .top_news_inner dl {
padding-bottom:1vh;
margin-bottom:1.5vh;
line-height: 1.4;
font-size:1rem;
position: relative;
}
body.home .top_newsArea .top_news_inner dl:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 5px;
background: none;
border-bottom: dashed 1px #1d5884;
}
body.home .top_newsArea .top_news_inner dl dt {
font-size:1rem;
font-weight : bold;
color:#1d5884;
font-family: 'Share Tech', sans-serif;
} 
body.home .top_newsArea .top_news_inner dl dd {
font-size:.9rem;
} 
body.home .twitter-timeline {
display: block;  
padding: 10px 0 0;
text-indent: 1px;
transition: .4s;
z-index: 1;
font-size:10px;
}
@media screen and (max-width: 897px) {
body.home #side { margin-top : 0 ; }
img { pointer-events: none; }
body.home .top_newsArea { margin-top: 0; }
body.home h2 { font-size:2rem; }
body.home .top_newsArea,
body.home .top_twitterArea { min-height:200px; }
body.home .top_newsArea h2:before,
body.home .top_newsArea h2:after { width: 32%; height:3.5vh;}
body.home .top_twitterArea h2:before,
body.home .top_twitterArea h2:after { width: 27%; height:3.5vh;}
body.home .top_newsArea .top_news_inner dl:after { height: 10px; }
body.home .top_newsArea .top_news_inner dl dt,
body.home .top_newsArea .top_news_inner dl dd{ font-size:1.1rem; } 
body.home .twitter-timeline  { font-size:1rem; line-height: 1.2;}
}
body.home #allContents {
height: 100vh;
}
@media screen and (max-width: 896px) {
body.home #allContents { 
height: inherit;
}
}