/*---------------------------------------------------------------------------------------------------共通*/
/*リセット*/
body *{
margin: 0;
padding: 0;
text-decoration: none;
vertical-align: bottom;
box-sizing: border-box;
line-height: 1.8;
list-style-type: none; 
}
button {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
}
.eva_wrapper{
background: #111;
}

.eva_wrapbox_ew{
max-width: 1200px;
margin: 0 auto;
}
.w-img_ew{
text-align: center;
}
img{width: 100%;}
/*.w-img_ew img{width: 100%;}*/
.oramg_ew{
color: #e66400;
}
.bold_ew{
font-weight: bold;
}

.mb2rem_ew{
margin-bottom: 2rem;
}
/*表示非表示*/
.pc { display: none !important; }
.sp { display: block !important; }

/*spの場合*/
@media only screen and (min-width:960px){

.stext_ew{
font-size: 1.5rem;
margin: 0;
}
}

/*PCの場合*/
@media only screen and (min-width:961px){
.pc { display: block !important; }
.sp { display: none !important; }

.mb2rem_ew{
margin-bottom: 4rem;
width: 100%;
display: flex;
justify-content: center;
}
.stext_ew{
font-size: 1.2rem;
margin: 0;
vertical-align: text-bottom;
}

}

/*--------------------------------------------------------*/
/*ヘッダー*/
/*--------------------------------------------------------*/
.header_ew::before{
content: "";
display: inline-block;
position: absolute;
z-index: -1;
height: 100px;
width: 100%;
background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}
.header_ew img{
vertical-align: middle;
}
.header_ew .headerinner_ew{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 1rem;
}
.header_ew .headerinner_ew .logowhite_ew{
width: calc(85% - 1.5rem);
}
.header_ew .headerinner_ew .menubtn_ew{
width: 15%;
}
.header_ew .menu_ew.open {
  display: block;
}
.header_ew .menu_ew.close {
  display: none;
}
.header_ew .menu_ew ul {
position: relative;
display: flex;
flex-wrap: wrap;
}
/*--------------------------------------------------------*/
/*ナビ*/
/*--------------------------------------------------------*/
.header_ew .headerinner_ew{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 1rem;
}
.headerinner_ew{
width:100%;
max-width: fit-content;}
.menubtn_ew a.active img{
-webkit-animation: fadeoutnav 0.5s ease 0s both;
animation: fadeoutnav 0.5s ease 0s both;
}
.menubtn_ew a.activeoff img{
-webkit-animation: fadeintnav 0.5s ease both;
animation: fadeintnav 0.5s ease both;
}
/*メニューボタン（3本ライン）*/
.headerinner_ew a{
display: inline-block;
}
.menubtn_ew a {
z-index: 20;
position: relative;
width: 57px;
height: 38px;
}
.menubtn_ew a.active {
margin: 1rem 1rem 0 0 ;
}
.menubtn_ew a span {
position: absolute;
left: 0;
width: 100%;
height: 4px;
background-color: #fff;
border-radius: 4px;
transition: all 0.4s;
opacity: 0;
}
.menubtn_ew a.activeoff span {
-webkit-animation: fadeout 0.5s ease 0s both;
animation: fadeout 0.5s ease 0s both;
}
.menubtn_ew a span:nth-of-type(1) {
top: 0;
}
.menubtn_ew a span:nth-of-type(2) {
bottom: 0;
}
.menubtn_ew a.active span,
.header_ew .menu_ew.open ul{
-webkit-animation: fadein 0.5s ease 0.5s both;
animation: fadein 0.5s ease 0.5s both;
}
.menubtn_ew a.active span:nth-of-type(1) {
-webkit-transform: translateY(16px) rotate(-45deg);
transform: translateY(16px) rotate(-45deg);
transition-delay: 0.5s;
}
.menubtn_ew a.active span:nth-of-type(2) {
-webkit-transform: translateY(-16px) rotate(45deg);
transform: translateY(-16px) rotate(45deg);
transition-delay: 0.5s;
}
/*----------------------------メディアクエリ*/
/*スマホの場合*/
@media only screen and (max-width:960px){
/*モーダルナビ設定*/
.header_ew .menu_ew {
position: fixed;
left: 0;
top: 0;
display: none;
z-index: 10;
background-color: rgba(0, 0, 0, 0.7);
width: 100%;
height: 100%;
}
.header_ew .menu_ew ul{
justify-content: flex-end;
/*padding: 1rem;*/
margin-top: 6rem;
}
.header_ew .menu_ew ul li{
width: 33%;
}
.header_ew .menu_ew ul li:nth-child(1),
.header_ew .menu_ew ul li:nth-child(3){
margin-bottom: 65px;
}
.header_ew .menu_ew ul li:nth-child(1){
transform:translate(27px, 60px);
}
.header_ew .menu_ew ul li:nth-child(3){
transform:translate(-27px, 60px);
}
.header_ew .menu_ew ul li:nth-child(4){
transform:translateX(-27px);
order:5;
}
.header_ew .menu_ew ul li:nth-child(5){
transform:translateY(60px);
}
}
/*PCの場合*/
@media only screen and (min-width:961px){
.header_ew .menu_ew {
display: block;
}
.header_ew .menu_ew ul{
justify-content: space-around;
align-items:center;
}
.header_ew .menubtn_ew{
display: none;
}
.header_ew .headerinner_ew{
align-items:center;
}
.header_ew .headerinner_ew .logowhite_ew{
width: calc(45% - 2.5rem);
}
.header_ew .headerinner_ew .menu_ew{
width: 55%;
}
.header_ew .headerinner_ew .menu_ew .nonelink_ew .pc{
display: initial!important;
}
.header_ew .headerinner_ew .menu_ew a,
.header_ew .headerinner_ew .menu_ew li{
color: #b2b2b2;
}
.header_ew .headerinner_ew .menu_ew a:hover,
.header_ew .headerinner_ew .menu_ew a.on_ew{
color: #f3981c;
}
.header_ew .headerinner_ew .menu_ew li::after{
content: "|";
margin: 0 1rem;
color: #b2b2b2;
}
.header_ew .headerinner_ew .menu_ew li:last-child::after{
content: none;
margin: 0;
}
}
/*----------------------------アニメーション*/
/*ナビボタンフェードアウト*/
@-webkit-keyframes fadeoutnav {
0% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
}
100% {
-webkit-transform: scaleY(0);
transform: scaleY(0);
opacity: 0;
}
}
@keyframes fadeoutnav {
0% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
}
100% {
-webkit-transform: scaleY(0);
transform: scaleY(0);
opacity: 0;
}
}
/*ナビボタンフェードイン*/
@-webkit-keyframes fadeintnav {
0% {
-webkit-transform: scaleY(0);
transform: scaleY(0);
opacity: 0;
}
100% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
}
}
@keyframes fadeintnav {
0% {
-webkit-transform: scaleY(0);
transform: scaleY(0);
opacity: 0;
}
100% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
}
}
/*--------------------------------------------------------*/
/*キャラクターフェードインアニメーション*/
/*--------------------------------------------------------*/
.key_ew li {
  opacity: 0;
}
.key_ew li:nth-child(1) {
  -webkit-animation: fadeinslide 0.5s ease 0.5s 1 forwards;
  animation: fadeinslide 0.5s ease 0.5s 1 forwards;
}

.key_ew li:nth-child(2) {
  -webkit-animation: fadeinslide 0.5s ease 1s 1 forwards;
  animation: fadeinslide 0.5s ease 1s 1 forwards;
}

.key_ew li:nth-child(3) {
  -webkit-animation: fadeinslide 0.5s ease 1.5s 1 forwards;
  animation: fadeinslide 0.5s ease 1.5s 1 forwards;
}

.key_ew li:nth-child(4) {
  -webkit-animation: fadeinslide 0.5s ease 2s 1 forwards;
  animation: fadeinslide 0.5s ease 2s 1 forwards;
}

.key_ew li:nth-child(5) {
  -webkit-animation: fadeinslide 0.5s ease 2.5s 1 forwards;
  animation: fadeinslide 0.5s ease 2.5s 1 forwards;
}
/*----------------------------アニメーション*/
@-webkit-keyframes fadeinslide {
0% {
opacity: 1;
transform: translateY(-30px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeinslide {
0% {
opacity: 0;
transform: translateY(-30px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}




/*--------------------------------------------------------*/
/*フッター*/
/*--------------------------------------------------------*/
/*footer*/
footer{
background: #000;
}
footer div{
width: 80%;
margin: 0 auto;
padding: 1rem 0;
display: flex;
align-items:stretch;
justify-content: space-between;
}
footer p:last-child{
padding-left: 2rem;
}
/*TOPへボタン*/
.topbtn_ew{
text-align: center;
}
.topbtn_ew a{
display: inline-block;
}
.topbtn_ew img{
width: 70%;
}


/*--------------------------------------------------------*/
/*TOP背景*/
/*--------------------------------------------------------*/
.eva_camp_ew,
.eva_itme_ew{
/*
background: url(../img/eva2011_bg_sp.png) repeat-y;
background-size: contain;
background-color: #000;
*/
color: #fff;
position: relative;
z-index: 1;
overflow: hidden;
}
/*PCの場合*/
@media only screen and (min-width:961px){
.eva_camp_ew,
.eva_itme_ew{
padding: 0 100px;
/*
background: url(../img/eva2011_bg_pc.png) repeat-y;
background-color: #000;
background-size: contain;
*/
}
}


/*--------------------------------------------------------
【共通】
・フェードイン・アウト
・グリッチアニメーション
・マスクアニメーション
・スクロールイベント




--------------------------------------------------------*/

/*----------------------------フェードイン・アウト*/
/*フェードイン*/
@-webkit-keyframes fadein {
0% { opacity: 0;}
100% { opacity: 1;}
}
@keyframes fadein {
0% { opacity: 0;}
100% { opacity: 1;}
}
/*フェードイン*/
@-webkit-keyframes fadeout {
0% { opacity: 1;}
100% { opacity: 0;}
}
@keyframes fadeout {
0% { opacity: 1;}
100% { opacity: 0;}
}

/*----------------------------グリッチアニメーション*/
.glitch_ew {
position: absolute;
top: 0;
left: 0;
/*width: 100vw;*/
width: 100%;
height: 100vh;
overflow: hidden;
/*background-color: #000;*/
background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,1) 83%, rgba(0,0,0,0) 100%);
z-index: -2;
}
.glitch_bg_ew {
position: absolute;
top: calc(-1 * 5px);
left: calc(-1 * 10px);
width: calc(100% + 10px * 2);
height: calc(100% + 5px * 2);
background-color: none;
background-size: 100%;
background-position: left top;
/*
background: url(../img/eva2011_camp_bg00.png) no-repeat 50% 0;
*/
transform: translate3d(0, 0, 0);
background-blend-mode: transparent;
}
.glitch_bg_ew:nth-child(n+2) {
opacity: 0;
}
.glitch_bg_ew:nth-child(n+2) {
animation-duration:  4s;
animation-delay: 2s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.glitch_bg_ew:nth-child(2) {
background-color: transparent;
background-blend-mode: none;
animation-name: glitch-anim-1;
}
.glitch_bg_ew:nth-child(3) {
background-color: transparent;
background-blend-mode: none;
animation-name: glitch-anim-2;
}
/*グリッチアニメーション設定*/
@keyframes glitch-anim-1 {
0% {
opacity: 1;
transform: translate3d(10px, 0, 0);
-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); /*クリッピング領域*/
}
2% {
-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
}
4% {
-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
}
6% {
-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
}
8% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
10% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
12% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
14% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
16% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
18% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
20% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
21.9% {
opacity: 1;
transform: translate3d(10px, 0, 0);
}
22%,
100% {
opacity: 0;
transform: translate3d(0, 0, 0);
-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
clip-path: polygon(0 0, 0 0, 0 0, 0 0);
}
}
@keyframes glitch-anim-2 {
0% {
opacity: 1;
transform: translate3d(calc(-1 * 10px), 0, 0);
-webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
}
3% {
-webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
}
5% {
-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
}
7% {
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
}
9% {
-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
}
11% {
-webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
}
13% {
-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
}
15% {
-webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
}
17% {
-webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
}
19% {
-webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
}
20% {
-webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
}
21.9% {
opacity: 1;
transform: translate3d(calc(-1 * 10px), 0, 0);
}
22%,
100% {
opacity: 0;
transform: translate3d(0, 0, 0);
-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
clip-path: polygon(0 0, 0 0, 0 0, 0 0);
}
}

/*----------------------------マスクアニメーション*/
.maskframe_ew{
overflow: hidden;
}
.maskframe_ew .mask_ew{
opacity: 0;
}
.band_ew {
animation-name: band;
animation-duration: .5s; /*アニメーションが始まって終わるまでの時間*/
animation-fill-mode: forwards; /*最後のキーフレームで設定された計算値を保持*/
animation-timing-function: cubic-bezier(.8,0,.5,1); /*キーフレームのタイミング関数*/
position: relative;
opacity: 1 !important;
}
.band_ew:before {
animation-name: maskOut;
animation-duration: .5s;
animation-delay: .5s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(.8,0,.5,1);
content: '';
position: absolute;
top: 0;
left: 1px;
z-index: 99;
width: 100%;
height: 100%;
background-color: #000;
}
@keyframes band {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}
@keyframes maskOut {
from {
transform: translateX(0);
}
to {
transform: translateX(100%);
}
}

/*----------------------------スクロールイベント*/
.animation{
opacity: 0;
transform: translateY(20px);
transition : all 2s; /* 動きの速度 */
}
.animation.active{
opacity: 1;
transform: translateY(0);
}


/*---------------------------------------------------------------------------------------------------TOP*/
/*header*/
.eva_top_ew{
   
margin: 0 auto;
/*background: linear-gradient(#0f103e, #000 1);*/
overflow: hidden;
background:#000 url(../img/eva2011_top_bg02_pc.png) repeat-y center 45rem;
}
.eva_top_ew .headerin_ew{
max-width: 1200px;
margin: 0 auto;
position: relative;
z-index: 1;
}
.eva_top_ew .logo_ew{
width: 80%;
text-align: right;
margin-left: auto;
position: relative;
z-index: 1;
}
.eva_top_ew header {
position: relative;
width: 100%;
/*height: 100vh;*/
/*overflow: hidden;*/

   
}
.eva_top_ew #background_ew {
  content: '';
display: inline-block;
width: calc(100% + 40px);
height: calc(100% + 40px);
background-image: url(../img/eva2011_top_bg01_sp.png);
background-size: 100%;
background-repeat: no-repeat;
vertical-align: middle;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/*background: #000;*/
}
.eva_top_ew .copy_ew{
display: flex;
align-items:stretch;
justify-content: flex-end;
width: 50%;
/*margin-top: 1rem;*/
margin-left: auto;
position: absolute;
right: 0;
z-index: 1;
}
.eva_top_ew .copy_ew li:nth-child(1){ order: 3;}
.eva_top_ew .copy_ew li:nth-child(2){
order: 2;
/*margin-top: -1rem;*/
}
.eva_top_ew .copy_ew li:nth-child(3){ order: 1;}

.eva_top_ew .key_ew li{
position: absolute;
top: -0.5rem;
left: 0;
}
.eva_top_ew .deco_ew{
position: absolute;
z-index: 1;
}

.eva_top_ew .deco_ew img{ 
/* width: 60%;*/
}
.eva_top_ew .deco02_ew img,
.eva_top_ew .deco03_ew img{
width: 50%;
min-width: 80%;
}
.eva_top_ew .deco01_ew{
bottom: 1rem;
left: 50%;
transform: translate(-50%, 0);
}


.eva_top_ew .deco02_ew{
right: 0rem;
top: 24rem;
left: inherit;
}
.eva_top_ew .deco03_ew{
left: 3rem;
bottom: 1rem;
}
/*ナビ*/
.eva_top_ew nav{
position: relative;
}
.eva_top_ew nav:before {
content: '';
top: 0;
left: 0;
width: 100%;
padding-top: 90%;
z-index: 1;
/*display: block;*/
}
.eva_top_ew nav:after {
position: absolute;
content: '';
top: 0;
left: 0;
display: block;
width: 51%;
height: 100vh;
background-image: url(../img/eva2011_top_navbg.png);
background-position: bottom 170px left -5.6rem;
background-size: 215px;
background-repeat: no-repeat;
z-index: 1;
}
.eva_top_ew nav ul{
position: relative;
top: 50%;
z-index: 2;
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
width: 50%;
min-width: 205px;
top: 15rem;
}
.eva_top_ew nav ul li{
width: 55%;
}
.eva_top_ew nav ul li a{
display: block;
}
.eva_top_ew nav ul li img{
min-width: 125px;
max-width: 230px;
}
.eva_top_ew nav ul li:nth-child(2),
.eva_top_ew nav ul li:nth-child(4){
margin-left: -2.5rem;
/*margin-left: -93px;*/
transform: translate(5px,55px); /* (X軸方向の移動距離,Y軸方向の移動距離) */
}
.eva_top_ew nav ul li:nth-child(3),
.eva_top_ew nav ul li:nth-child(4){
/*margin-top: -3.5rem;*/
margin-top: 0;
}
.eva_top_ew .logo_ew img{
width:100%;
max-width: fit-content;
}
/*----------------------------メディアクエリ*/
/*スマホの場合*/
@media only screen and (max-width:960px){
.eva_top_ew .logo_ew,
.eva_top_ew .copy_ew{
padding-right: 1rem;
}
.eva_top_ew .logo_ew img{
vertical-align: baseline;
}
.eva_top_ew nav ul{
width: 205px;
}
}
/*イレギュラー対応*/
@media screen and (min-width: 0px) and (max-width: 374px) {
.eva_top_ew header {
min-height: 50vh;
padding-top: 1rem;
}
.eva_top_ew .deco02_ew{
right: 0rem;
top: 20rem;
left: inherit;
width: 20%
}
.eva_top_ew .deco03_ew{
left: 1rem;
bottom: 5rem;
width: 20%
}
}
@media screen and (min-width: 375px) and (max-width: 519px) {
.eva_top_ew header {
min-height: 65vh;
padding-top: 1rem;
}
.eva_top_ew .deco02_ew{
right: 0rem;
top: 15rem;
left: inherit;
width: 15%
}
.eva_top_ew .deco03_ew{
left: 1rem;
bottom: 1rem;
width: 15%
}
}

@media screen and (min-width: 520px) and (max-width: 767px) {
.eva_top_ew header {
min-height: 90vh;
padding-top: 1rem;
}
}


@media screen and (min-width: 768px) and (max-width: 960px) {
.eva_top_ew header {
min-height: 100vh;
padding-top: 1rem;
}

/*
.eva_top_ew nav:after {
background-position: bottom 80px left -5.6rem;
}
*/
}
/*PCの場合*/
@media only screen and (min-width:961px){
.eva_top_ew {
width: 1200px;
}
.eva_top_ew #background_ew {
background-image: url(../img/eva2011_top_bg01_pc.png);
}
.eva_top_ew .logo_ew{
width: auto;
}
.eva_top_ew header {
height: 85vh;
max-height: 868px;
max-width: 1600px;
margin: 0 auto;
padding-top: 2rem;
}
.eva_top_ew .copy_ew {
top: 6rem;
width: 30%;
}
.eva_top_ew .copy_ew li{
margin-left: -0.3rem;
}
.eva_top_ew .copy_ew li:nth-child(2) {
/*margin-top: -2rem;*/
}
.eva_top_ew .deco_ew img{
width: 100%;
}
.eva_top_ew .deco02_ew img{
width: 15%;
max-width: 117px;
}
.eva_top_ew .deco03_ew img{
width: 70%;
max-width: 159px;
}
/*
.eva_top_ew .deco01_ew{
bottom: 0rem;
}
*/
.eva_top_ew .deco02_ew{
top: 27rem; right: 0.5rem;
}
.eva_top_ew .deco03_ew{
left: 6rem; 
bottom: 1rem;
}
.eva_top_ew nav:after {
background-position: top 9.2rem left -8.5rem;
background-size: 384px;
height: 120vh;
}
.eva_top_ew nav ul{
max-width: 450px;
height: 56vh;
padding: 0 0 4rem 1.5rem;
}
.eva_top_ew nav ul li:nth-child(2),
.eva_top_ew nav ul li:nth-child(4) {
margin-left: -2.7rem;
transform: translate(-1rem,6rem);
}
.eva_top_ew nav ul li:nth-child(3),
.eva_top_ew nav ul li:nth-child(4) {
margin-top: -0.5rem;
}
}

.eva_top_ew .h1_ew{
width: 100%;
height: 4rem;/* 画像の高さを指定 */
position: relative;
background: url(../img/eva2011_top_bg06.png) repeat-x;
background-size: auto 70%;
animation: bg-slider 23s linear infinite;/* 23sの部分背景画像の約数だとスムーズ */
}
@keyframes bg-slider {
from { background-position: 0 0; }
to { background-position: -1518px 0;}
}

.eva_top_ew .h2_ew{
text-align: center;
line-height: 0.8;
border-bottom: 2px solid #e66400;
margin-bottom: 1rem;
padding-bottom: 0.5rem;
}
.eva_top_ew .h2_ew span{
display: block;
font-size: 1.2rem;
}

/*----------------------------メディアクエリ*/
/*スマホの場合*/
/*@media only screen and (max-width:960px){}*/
/*PCの場合*/
/*
@media only screen and (min-width:961px){
.eva_top_ew main{
background-size: 50%;
background-position:right -2.5rem top 2rem,
left -2.5rem top 43rem;
}
.eva_top_ew main .news_ew{
padding: 3rem 10rem 2rem;
}

}
*/



/*---------------------------------------------------------------------------------------------------Campaign*/
.eva_camp_ew .eva_wrap_ew{
background: url(../img/eva2011_top_bg02_pc.png) repeat-y;
/*background-size: 140%;*/
background-position: top center;
}
/*----------------------------メディアクエリ*/
/*スマホの場合*/
@media only screen and (max-width:960px){

}
/*PCの場合*/
@media only screen and (min-width:961px){
.eva_camp_ew .eva_wrap_ew{
background-position: top -9rem center;
}
.eva_camp_ew .header_ew{
height: 100vh;
}
}
/*アコーディオン*/
.eva_camp_ew .accordion_ew .ad-list_ew{
/*background-image: url(../img/eva2011_camp_ttlbg01.png),url(../img/eva2011_camp_ttlbg02.png);
background-repeat: no-repeat, no-repeat;
background-size: contain;
background-size: 101%, 101%;
background-position: left top , left bottom;*/
padding:0 0 1rem 0;
margin-bottom: 1rem;
position: relative;
}
.eva_camp_ew .accordion_ew .ad-list_ew:last-child{
margin-bottom: 0;
}
.eva_camp_ew .accordion_ew .ad-inner_ew{
padding: 0.5rem 1rem;
background: rgb(254,254,254);
background: linear-gradient(180deg, rgba(254,254,254,0) 0%, rgba(250,250,250,1) 0%, rgba(218,218,219,1) 100%, rgba(215,215,216,0) 100%);
}
.eva_camp_ew .accordion_ew .ad-inner_ew >.ad-btn_ew{
/*display: block;*/
}
/*
.eva_camp_ew .accordion_ew .ad-btn_ew:hover,
.eva_camp_ew .accordion_ew a:hover{
opacity: 0.6;
}
*/
.eva_camp_ew .accordion_ew .ad-btn_ew p{margin-bottom: 1rem; display: flex; justify-content: center; }
.eva_camp_ew .accordion_ew .ad-btn02_ew{
position: relative;
padding: 0.5rem 0;
}
.eva_camp_ew .accordion_ew .green_ew{
background-color: #005a00;
}
.eva_camp_ew .accordion_ew .nest_ew{
margin: 2rem auto;
/*display: none;*/
}
.eva_camp_ew .accordion_ew #anchor_ew:target .nest_ew{
display: block;
}
.eva_camp_ew .accordion_ew .nest_ew > li{
margin-bottom: 1rem;
}
/*開閉矢印設定*/
/*
.eva_camp_ew .accordion_ew .ad-btn_ew::before{
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: 50%;
border-top: solid 10px #9fa0a0;
border-right: solid 10px transparent;
border-bottom: solid 10px transparent;
border-left: solid 10px transparent;
position: absolute;
right: 2rem;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.eva_camp_ew .accordion_ew .ad-btn_ew.active::before{
border-top: solid 10px transparent;
border-right: solid 10px transparent;
border-bottom: solid 10px #9fa0a0;
border-left: solid 10px transparent;
top: inherit;
bottom: 10px;
}
.eva_camp_ew .accordion_ew .ad-btn_ew.ad-btn02_ew::before {
border-top: solid 8px #fff;
border-right: solid 8px transparent;
border-bottom: solid 8px transparent;
border-left: solid 8px transparent;
top: 60%;
right: 0.5rem;
}
.eva_camp_ew .accordion_ew .ad-btn_ew.ad-btn02_ew.active::before {
border-top: solid 8px transparent;
border-right: solid 8px transparent;
border-bottom: solid 8px #fff;
border-left: solid 8px transparent;
top: 40%;
}
*/
.note_ew{
color: #fff;
padding: 3rem 0;
background: #000;
}
.note_ew p{ width:80%; margin: 0 auto;
}
/*コンテンツ*/
.eva_camp_ew .accordion_ew{
color: #000;
font-size: 1.25rem;
}
.eva_camp_ew .nest_ew .h3sttl_ew{
font-size: 1.5rem;
margin-bottom: 2rem;
}
.eva_camp_ew .nest_ew .textgreen_ew{
color: #00b900;
}
.eva_camp_ew .nest_ew .textblue_ew{
color: #1da1f2;
}
.eva_camp_ew .nest_ew .borderbox_ew{
padding-bottom: 0.3rem;
}

.eva_camp_ew .nest_ew .borderbox-gr_ew,
.eva_camp_ew .nest_ew .borderbox-br_ew{
display: flex; justify-content: center; align-items: center; }

.eva_camp_ew .nest_ew .borderbox-gr_ew:before,
.eva_camp_ew .nest_ew .borderbox-gr_ew:after {
  content: ''; height: 4px; background-color:#00b900; }

.eva_camp_ew .nest_ew .borderbox-br_ew:before,
.eva_camp_ew .nest_ew .borderbox-br_ew:after {
  content: ''; height: 4px; background-color:#1da1f2; }

.eva_camp_ew .nest_ew .borderbox-gr_ew:before,
.eva_camp_ew .nest_ew .borderbox-gr_ew::after {width: calc((100% - 8rem) / 2);}
.eva_camp_ew .nest_ew .borderbox-gr_ew:before{margin-right: 1rem;}
.eva_camp_ew .nest_ew .borderbox-gr_ew::after{margin-left: 1rem;}

.eva_camp_ew .nest_ew .borderbox-br_ew:before,
.eva_camp_ew .nest_ew .borderbox-br_ew::after {width: calc((100% - 8rem) / 2);}
.eva_camp_ew .nest_ew .borderbox-br_ew:before{margin-right: 1rem;}
.eva_camp_ew .nest_ew .borderbox-br_ew::after{margin-left: 1rem;}  

.eva_camp_ew .nest_ew .hold_ew{
font-size: 1rem;
color: #fff;
background-color: #7f1084;
display: inline-block;
padding: 0.2rem 0.5rem;
margin-left: 0.5rem;
vertical-align: text-top;
}
.eva_camp_ew .nest_ew .holdday_ew{ margin-bottom: 2rem; font-size: 1.2rem; }
.eva_camp_ew .nest_ew .holdday_ew dt{ color: #7f1084; font-weight: bold; }
.eva_camp_ew .nest_ew .holdday_ew dd{ font-weight: bold; margin-bottom: 0.5rem; }
.eva_camp_ew .nest_ew .col_ew .col-box_ew {text-align: left;}
.eva_camp_ew .nest_ew .col_ew .step_img {margin-bottom: 1rem;}
.eva_camp_ew .nest_ew .col_ew .small_ew{
text-align: left;
font-weight: normal;
font-size: 0.9rem;
}
.eva_camp_ew .nest_ew .col_ew .step_prize{ text-align: left; margin-bottom: 0.5rem; }
.eva_camp_ew .nest_ew .col_ew .step_prize small{ display: block; font-weight: normal; margin-top: -0.2rem;}
.eva_camp_ew .nest_ew .col_ew .step_prize span{
background: #00b900;
color: #fff;
padding: 0.1rem 0.5rem 0;
border-radius: 0.3rem;
margin-right:0.5rem;

}
.eva_camp_ew .nest_ew .col_ew .step_prize2{
/*width: 74%;*/
display: flex;
justify-content: flex-start;
margin-bottom: 2rem;
}

.eva_camp_ew .nest_ew .col_ew .step_prize2_title{
border: #00b900 solid 2px;
margin-right: 1.5rem;
padding: 0.8rem 2.5rem;
color: #00b900;
display: flex;
align-items: center;
justify-content: center;
}

.eva_camp_ew .nest_ew .col_ew .step_prize2 p{
text-align: left;
}
.eva_camp_ew .nest_ew .col_ew .step_prize2 .qcp50{ margin-left: 1rem;}
.eva_camp_ew .nest_ew .col_ew .step_prize2 .qcp200{ margin-left: 2.4rem;}
.eva_camp_ew .nest_ew .col_ew .step_prize2 .qcp3000{ margin-left: 2rem;}

.eva_camp_ew .nest_ew .h4sttl_ew{
margin-bottom: 1rem;
}

.eva_camp_ew .nest_ew .col_ew dl/*,.eva_camp_ew .nest_ew .unavailable_ew*/{
display: flex;
align-items:stretch;
justify-content: space-between;
margin-bottom: 2.5rem;
}
/*
.eva_camp_ew .nest_ew .unavailable_ew{
flex-wrap: wrap;
margin-bottom: 2rem;
}
.eva_camp_ew .nest_ew .unavailable_ew li{
margin-bottom: 1.5rem;
width: calc((100% - 20px) / 2);
}
.eva_camp_ew .nest_ew .unavailable_ew li span{
display: inline-block;
}
.eva_camp_ew .nest_ew .unavailable_ew li img{
margin-bottom: 0.5rem
}
*/
.eva_camp_ew .nest_ew .notelist_ew{
text-align: left;
font-size: 1rem;
}
.eva_camp_ew .nest_ew .notelist_ew li{
padding-left: 1em;
text-indent: -1em;
margin-bottom: 0.5rem;
}
.eva_camp_ew .nest_ew .notelist_ew li.attention_ew {
color: #7f1084;
font-size: 1.5rem;
margin: 0.8rem 0;
text-align: center;
}
.eva_camp_ew .nest_ew .notelist_ew .list_ew{
margin-bottom: 0.5rem;
text-align: left;
}
.btn-flat_ew{
text-align: center;
margin-bottom: 1rem;
}
.btn-flat_ew a{
width: 80%;
display: inline-block;
background-color: #4d4d4d;
border-radius: 15px;
padding: 0.8rem;
color: #fff;
font-weight: bold;
margin-top: 1rem;
text-align: center;
}
.btn-flat_ew.bk-purple_ew a{
background-color: #664f8f;
}
/*注意事項 ・ 応募規約*/
.eva_camp_ew .terms_ew{
margin-top: 1.5rem;
margin-bottom: 0.5rem;
}
.eva_camp_ew .termsbox_ew {
width: 100%;
height: 300px;
background-color: #fff;
overflow: scroll;
padding: 0.5rem;
font-size: 1rem;
text-align: left;
border: 1px solid #b4b4b7;
}
.eva_camp_ew .termsbox_ew .h4_ew{
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 1.5rem;
}
.eva_camp_ew .termsbox_ew .terms-text_ew{
font-weight: bold;
margin-bottom: 2rem;
}
.eva_camp_ew .terms-frame_ew{
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
border-bottom: 3px dotted #ababab;
}
.eva_camp_ew .terms-frame_ew li{
padding-left: 1em;
/*text-indent: -1em;*/
font-weight: normal;
margin-bottom: 0.5rem;
}
.eva_camp_ew .terms-frame_ew .terms-atn{
color: #f00;
font-weight: bold;
}


/*----------------------------メディアクエリ*/
/*スマホの場合*/
@media only screen and (max-width:960px){

/*コンテンツ*/
.eva_camp_ew .accordion_ew{
padding-bottom: 3rem;
margin-bottom: 5rem;
background: url(../img/eva2011_cp01_bg02_sp.png) center bottom;
/*background-size: cover;*/
}

.eva_camp_ew .nest_ew .col_ew dl:nth-of-type(2),
.eva_camp_ew .nest_ew .col_ew dl:nth-of-type(3){
   flex-direction: column; 
}
.eva_camp_ew .nest_ew .col_ew dl:nth-of-type(2) dd{align-self: flex-end;}
.eva_camp_ew .nest_ew .col_ew dl:nth-of-type(3) dd{margin-left: 6rem; display: flex; flex-wrap: wrap;}
.eva_camp_ew .nest_ew .col_ew dl:nth-of-type(3) dd p{margin-right: 1rem;}

.eva_camp_ew .nest_ew .col_ew .dd_w80{width: 85%;}

.eva_camp_ew .nest_ew .col_ew .wide_ew dt,
.eva_camp_ew .nest_ew .col_ew .wide_ew dd,
.eva_camp_ew .nest_ew .unavailable_ew li{
width: calc((100% - 20px) / 2);
}
 


}
/*PCの場合*/
@media only screen and (min-width:961px){
/*main*/
.eva_camp_ew main{
margin-top: -15rem;
}

/*コンテンツ*/
.eva_camp_ew .accordion_ew{
padding-bottom: 5rem;
margin-bottom: 5rem;
background: url(../img/eva2011_cp01_bg02_pc.png) center bottom;
/*background-size: cover;*/
}

/*アコーディオン*/  
.eva_camp_ew .accordion_ew .ad-list_ew{
margin-bottom: 3rem;
}
.eva_camp_ew .accordion_ew .ad-inner_ew >.ad-btn_ew{
padding: 1.5rem 5rem;
}
.eva_camp_ew .accordion_ew .nest_ew > li{
margin-bottom: 2rem;
}
/*開閉矢印設定*/
/*
.eva_camp_ew .accordion_ew .ad-btn_ew::before{
border-top: solid 15px #9fa0a0;
border-right: solid 15px transparent;
border-bottom: solid 15px transparent;
border-left: solid 15px transparent;
}
.eva_camp_ew .accordion_ew .ad-btn_ew.active::before{
border-top: solid 15px transparent;
border-right: solid 15px transparent;
border-bottom: solid 15px #9fa0a0;
border-left: solid 15px transparent;
bottom: 20px;
}
.eva_camp_ew .accordion_ew .ad-btn_ew.ad-btn02_ew::before {
border-top: solid 10px #fff;
border-right: solid 10px transparent;
border-bottom: solid 10px transparent;
border-left: solid 10px transparent;
top: 60%;
right: 2.5rem;
}
.eva_camp_ew .accordion_ew .ad-btn_ew.ad-btn02_ew.active::before {
border-top: solid 10px transparent;
border-right: solid 10px transparent;
border-bottom: solid 10px #fff;
border-left: solid 10px transparent;
top: 50%;
}
*/
/*
.eva_camp_ew .nest_ew .borderbox-gr_ew:before,
.eva_camp_ew .nest_ew .borderbox-gr_ew::after {width: 40%;}
.eva_camp_ew .nest_ew .borderbox-gr_ew:before{margin-right: 20px;}
.eva_camp_ew .nest_ew .borderbox-gr_ew::after{margin-left: 20px;}

.eva_camp_ew .nest_ew .borderbox-br_ew:before,
.eva_camp_ew .nest_ew .borderbox-br_ew::after {width: 40%;}
.eva_camp_ew .nest_ew .borderbox-br_ew:before{margin-right: 20px;}
.eva_camp_ew .nest_ew .borderbox-br_ew::after{margin-left: 20px;}
*/

/*コンテンツ*/
.eva_camp_ew .nest_ew .h3sttl_ew{
margin-bottom: 3rem;
}
.eva_camp_ew .accordion_ew .ad-btn_ew + .nest_ew.fram_ew{
/*width: 74%;*/
margin-bottom: 4rem;
}

.eva_camp_ew .accordion_ew .ad-btn_ew > p{
margin-bottom: 1rem;
display: flex;
justify-content: center;
align-items: center;}

.eva_camp_ew .accordion_ew .nest_ew{
width: 90%;
margin-bottom: 4rem;
}
.eva_camp_ew .nest_ew .holdday_ew{
font-size: 1.5rem;
}
.eva_camp_ew .nest_ew .col_ew{
display: flex;
align-items:stretch;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 3rem;
}.eva_camp_ew .nest_ew .col_ew .col-box_ew {
margin-bottom: 1rem;
}
.eva_camp_ew .nest_ew .col_ew dl{
display: initial;
width: calc((100% - 5rem) / 3);
}
/*
.eva_camp_ew .nest_ew .col_ew dl.wide_ew{
order: 4;
display: flex;
width: 80%;
margin: 0 auto
}
*/
/*
.eva_camp_ew .nest_ew .col_ew dl.wide_ew dt,
.eva_camp_ew .nest_ew .col_ew dl.wide_ew dd{
width: calc((100% - 2rem) / 2);
}
*/
/*
.eva_camp_ew .nest_ew .unavailable_ew li{
width: calc((100% - 20px) / 4);
}
*/
.eva_camp_ew .nest_ew .list_ew{
width: 70%;
margin: 0 auto;
text-align: left;
}


}

/*----------------------------メディアクエリ*/
/*スマホで非表示*/
@media only screen and (min-width: 960px){
.btn-sp{display: none;}
}
/*PCで非表示*/
@media only screen and (max-width: 961px){
.btn-pc{display: none;}
}

.eva_camp_ew .nest_ew .col2btn_ew{
display: flex;
align-items: stretch;
justify-content: space-between;
margin-bottom: 0.8rem;
}

.eva_camp_ew .nest_ew .col2btn_ew dt, 
.eva_camp_ew .nest_ew .col2btn_ew dd {
width: calc((100% - 1rem) / 2);
}
.eva_camp_ew .nest_ew .col2btn_ew dt .btn-h,
.eva_camp_ew .nest_ew .col2btn_ew dd .btn-h{font-size: 1.6rem;}

/*----------------------------メディアクエリ*/

/*スマホの場合*/
@media only screen and (max-width:960px){
.eva_camp_ew .nest_ew .col_ew .tw_entry{ width: 100%; display: flex; flex-direction: row; text-align: left; margin-bottom: 0.8rem;}
.eva_camp_ew .nest_ew .col_ew .tw_entry:nth-of-type(2){ flex-direction: row;}
.eva_camp_ew .nest_ew .col_ew .tw_entry:nth-of-type(3){ flex-direction: row;}
.eva_camp_ew .nest_ew .col_ew .tw_entry dd{width: 80%; margin-left: 0rem; margin-left: 0;} 
.eva_camp_ew .nest_ew .col_ew .tw_entry:nth-of-type(3) dd{margin-left: 0;} 
    
}

/*PCの場合*/
@media only screen and (min-width: 960px){
.eva_camp_ew .nest_ew .col2btn_ew {
width: 80%;
margin: 0 auto 3rem;
}
}

.eva_camp_ew .btn03_ew a {
border-radius: 15px;
color: #fff;
display: block;
padding: 0.5rem;
line-height: 1.5rem;
}

.eva_camp_ew .btn03_ew .bg_purple_ew a {background-color: #1da1f2;}
.eva_camp_ew .btn03_ew .bg_blue_ew a {background-color: #1da1f2;}